JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
WARNING The game you are entering is entirely for adults. If you are under 18, please leave. The responsibility lies entirely with you. [[I am over 18 years old.|IntroChoice]] [[I'm under 18.|Underage]]
You must be 18 or older to play this game. Please close this browser tab.
<!-- INTRO / WARNING BLOCK --> <div style="background: #14141d; border: 1px solid #333; border-radius: 8px; padding: 25px; text-align: center; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h1 style="color: #00bcd4; font-size: 32px; letter-spacing: 3px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; text-shadow: 0px 0px 12px rgba(0, 188, 212, 0.5);"> Welcome to the Game </h1> <p style="color: #ff5252; font-size: 14px; font-style: italic; line-height: 1.6; margin: 0 auto; max-width: 90%;"> <strong>Heads up!</strong> The game is still under development, and this is my first game so if you find any bugs please tell me, and I will fix them. Additionally, if you own any of the images or videos used in this game, please contact me and I will remove them immediately. Thanks for bearing with us—if you want to support the project and help us build more content, checking out our Patreon is a huge help. </p> </div> <!-- CHANGELOG BUTTON --> <div style="margin-bottom: 10px; text-align: center;"> <<link '<div style="display: inline-block; padding: 8px 20px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;">View Changelog [v0.2]</div>' "ChangelogPassage">><</link>> </div> <div style="text-align: center;"> <<link '<div style="display: inline-block; padding: 12px 35px; background: #00bcd4; color: #111; border-radius: 8px; font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 188, 212, 0.4);">Enjoy the game ;)</div>' "IntroStory">><</link>> </div>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } .sub-link a { display: block; padding: 15px; background: rgba(155, 89, 182, 0.1); color: #e056fd; border: 1px solid #9b59b6; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin-bottom: 15px; transition: 0.2s; } .sub-link a:hover { background: rgba(155, 89, 182, 0.3); box-shadow: 0 0 15px rgba(155, 89, 182, 0.4); } .dom-link a { display: block; padding: 15px; background: rgba(0, 188, 212, 0.1); color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin-bottom: 15px; transition: 0.2s; } .dom-link a:hover { background: rgba(0, 188, 212, 0.3); box-shadow: 0 0 15px rgba(0, 188, 212, 0.4); } </style> <div style="max-width: 700px; margin: 0 auto; font-family: sans-serif;"> <div style="text-align: center; margin-bottom: 30px;"> <span style="color: #888; font-size: 14px; text-transform: uppercase; letter-spacing: 2px;">Enter your name</span><br> <<textbox "$playerName" "Jack">> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #1a1a24; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ccc; font-style: italic; font-size: 16px; line-height: 1.6; margin: 0;"> You aren't bleeding yet, but the wolves are already circling. At the office, your corrupt superiors are quietly setting you up to take the fall for their financial fraud. At home, your wife's loyalty is being tested by her ruthless new boss, and your stepdaughter treats you with barely concealed contempt. </p> <br> <p style="color: #ccc; font-style: italic; font-size: 16px; line-height: 1.6; margin: 0;"> Everyone around you is playing a vicious game of leverage, manipulation, and power. And right now? You are nothing but the pawn. </p> </div> <img src="images/Whisky.jpg" style="width: 100%; max-width: 450px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #1a1a24; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 35px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ccc; font-style: italic; font-size: 16px; line-height: 1.6; margin: 0;"> You knock back the last of your drink. The burn in your chest is a sharp reminder that the time for playing nice is over. There are only two ways to survive a world that wants to eat you alive. You can bare your throat, or you can bare your teeth. </p> <br> <p style="color: #fff; font-weight: bold; font-size: 16px; line-height: 1.6; margin: 0; text-align: center;"> How are you going to play the game? </p> </div> <span class="sub-link">[[Submit to the chaos — Let go of your pride, yield your authority, and find bliss in serving the dominant women in your life.|SubRoute]]</span> <span class="dom-link">[[Seize control — Blackmail your enemies, corrupt the innocent, and remind everyone exactly who owns them.|DomRoute]]</span> </div> <</nobr>>
<<nobr>> <<if typeof $spycamCount === 'undefined'>><<set $spycamCount = 0>><</if>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%)!important; background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">MAIN BEDROOM</h2> <!-- ============================== DYNAMIC BEDROOM IMAGE ============================== --> <div style="text-align: center; margin-bottom: 10px;"> <<if $time == "Night">> <!-- BULLETPROOF CHECK: Have we talked to her TODAY? --> <<if $angelaLastTalkDay != $dayCount>> <!-- Awake (Has not been interacted with yet today) --> <img src="images/Angela bed.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is sitting on the edge of the bed.</p> <<else>> <!-- Asleep (You already talked to her today) --> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela has fallen asleep.</p> <</if>> <<elseif $time == "Late Night" or $time == "Midnight" or $time == "Sleep">> <!-- Asleep --> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is fast asleep.</p> <<else>> <!-- Empty Room (Angela is not here) --> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Old main bedroom.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <</if>> </div> <!-- ============================== APPROACH ANGELA BUTTON ============================== --> <<if $time == "Night">> <<if $questSpycam == "tell_angela">> <!-- STAGE 4: CONFRONT ANGELA WITH VIDEO --> <div style="margin: 5px auto 30px auto; max-width: 400px;"> <a data-passage="ConfrontAngelaSpycam" style="display: block; background: #14141d; border: 1px solid #ff3b30; border-radius: 8px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(255, 59, 48, 0.2); cursor: pointer;"> <span style="color: #ff3b30; font-size: 16px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px;"> 🎥 SHOW ANGELA THE VIDEO </span> <span style="display: block; color: #ff3b30; font-size: 12px; margin-top: 5px; font-style: italic; text-align: center;">❗ Main Quest Event Available</span> </a> </div> <<elseif $angelaLastTalkDay != $dayCount>> <!-- NORMAL APPROACH BUTTON --> <div style="margin: 5px auto 30px auto; max-width: 400px;"> <a data-passage="TalkToAngelaPassage" style="display: block; background: #14141d; border: 1px solid #dfba6b; border-radius: 8px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.15); cursor: pointer;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px;"> 💬 APPROACH ANGELA </span> <<if $hasJob and not $angelaQuest2Complete>> <span style="display: block; color: #4caf50; font-size: 12px; margin-top: 5px; font-style: italic; text-align: center;">❗ Main Quest Event Available</span> <</if>> </a> </div> <</if>> <</if>> <!-- ============================== NAVIGATION BUTTONS GRID ============================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 600px; margin: 0 auto;"> <!-- SLEEP BUTTON --> <<if $angelaPhoneEventPending is true>> <!-- NIGHT MASTURBATION EVENT OVERRIDE --> <a data-passage="AngelaPhoneMasturbateEvent" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(255,59,48,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center; border: 1px solid #ff3b30;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #ff3b30; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <<elseif $faceShaved is true and $legsShaved is true and $chestShaved is true and $crotchShaved is true and $assShaved is true and $questAngelaBra isnot "active" and $questAngelaBra isnot "completed">> <a data-passage="AngelaSleepEvent" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <<else>> <a data-passage="SleepPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <</if>> <!-- PC BUTTON --> <a data-passage="PCPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Pc.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">PC</span> </div> </a> <!-- WARDROBE BUTTON --> <a data-passage="WardrobePassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Wardrobe.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">WARDROBE</span> </div> </a> <!-- SPYCAM BUTTON (ONLY SHOWS IF NOT PLANTED HERE YET) --> <<if $canPlantSpycam and not $spycamPlantedMain>> <<if $spycamCount > 0>> <<link '<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 260px; height: 140px; border-radius: 12px; background: #1a1a24; border: 1px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.2); cursor: pointer;"><span style="font-size: 40px; margin-bottom: 10px;">📸</span><span style="color: #ff5252; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px; text-transform: uppercase;">PLANT SPYCAM</span><span style="color: #aaa; font-size: 11px; margin-top: 5px;">(Consumes 1)</span></div>'>> <<set $spycamCount -= 1>> <<set $spycamPlantedMain = true>> <<goto "MainHub">> <</link>> <<else>> <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 260px; height: 140px; border-radius: 12px; background: #111; border: 1px solid #555; opacity: 0.6; cursor: not-allowed;"> <span style="font-size: 40px; margin-bottom: 10px; filter: grayscale(100%);">📸</span> <span style="color: #777; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px; text-transform: uppercase;">NO SPYCAMS</span> <span style="color: #ff5252; font-size: 11px; margin-top: 5px;">(Buy at Store)</span> </div> <</if>> <</if>> <!-- HALLWAY BUTTON --> <<if $currentOutfit and $currentOutfit neq "">> <<if $hallwayUpgraded>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Upgraded hallway.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <<else>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Hallway.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <</if>> <<else>> <div style="width: 260px; height: 140px; border-radius: 12px; background: #14141d; border: 1px solid #e91e63; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center;"> <span style="color: #e91e63; font-size: 12px; font-weight: bold; margin-bottom: 8px;">⚠️ Naked!</span> <<link "Go to Wardrobe" "WardrobePassage">><</link>> </div> <</if>> <!-- UPGRADE HOUSE BUTTON --> <a data-passage="UpgradeHousePassage" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/green-home-improvements-1000x600.jpg'); background-size: cover; background-position: center; border: 1px solid #dfba6b;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">🛠️ UPGRADE HOUSE</span> </div> </a> </div> <!-- HIDDEN BACKEND LINKS --> <div style="display: none;"> [[TalkToAngelaPassage]] [[SleepPassage]] [[PCPassage]] [[WardrobePassage]] [[HallwayPassage]] [[UpgradeHousePassage]] [[ConfrontAngelaSpycam]] [[AngelaPhoneMasturbateEvent]] </div> <</nobr>>
<<nobr>> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step back, letting the heavy weight of leadership slip from your shoulders. Tonight, you yield. For years, your wife tolerated your pathetic incompetence, but now she’s treating you with the absolute contempt you deserve </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Angela</h3> <img src="images/Angela 1.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> And your insolent stepdaughter, who views you as nothing more than a joke living under her roof. </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Charlotte</h3> <img src="images/Charlotte 1.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> [[Continue deeper into submission...|Sub 1]] <</nobr>>
<<nobr>> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You stand tall, projecting the unwavering strength that your family relies on. Your wife looks at you with absolute adoration, her heart and mind completely devoted to the man who leads and protects her. </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Angela</h3> <img src="images/Loving angela.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> And your sweet, nerdy stepdaughter, who looks up to you with deep respect and a constant, eager desire to live up to your expectations. </p> </div> <h3 style="text-align: center; color: #ffeb3b; font-style: italic; margin-bottom: 5px;">Charlotte</h3> <img src="images/Nerdy charlotte.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> [[Take absolute control...|Dom 1]] <</nobr>>
<<nobr>> <img src="images/Sleeping guy.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 20px auto;"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You were peacefully lost in a deep sleep, completely oblivious to the world, when the bedroom door is violently kicked open. Before you can even rub the haze from your eyes, the heavy blankets are ripped off your body, exposing you to the chill of the room as a shrill, furious voice tears through the silence. </p> </div> <!-- Angela's Dialogue Box 1 --> <div style="background-color: #00bcd4; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #fff; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Angela</div> <div style="color: #fff; font-size: 1em;">Wake the hell up, you useless piece of trash! Look at you, rotting in bed like a pathetic leech while I work myself to the bone!</div> </div> </div> <!-- Jack's Dialogue Box 1 --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">$playerName</div> <div style="color: #fff; font-size: 1em;">Jesus, Angela! You scared the hell out of me... why are you screaming like this?</div> </div> </div> <!-- Angela's Dialogue Box 2 --> <div style="background-color: #00bcd4; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #fff; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Angela</div> <div style="color: #fff; font-size: 1em;">Because it's past noon and you're still sleeping like a pampered dog! I am sick to death of paying every single bill while you sit around doing nothing. Get off your lazy ass, and go find a job today, or I swear I will make your life a living hell!</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With a look of utter disgust, Angela turns around and slams the bedroom door so hard the walls shake, her angry footsteps fading down the hallway. </p> </div> <!-- Jack's Dialogue Box 2 --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">$playerName</div> <div style="color: #fff; font-size: 1em;">...Ah, what a nightmare. Why does she have to be so ruthless?</div> </div> </div> [[Next|MainHub]] <</nobr>>
<<nobr>> <!-- NIGHT 1: Hasn't had the first dream yet --> <<if $questCharlotteNight == "completed" and $dream1Done is false>> <<goto "CharlotteDream1">> <</if>> <!-- NIGHT 2: Had the first dream, but hasn't had the second one yet --> <<if $questCharlotteNight == "completed" and $dream1Done is true and $dream2Done is false>> <<goto "CharlotteDream2">> <</if>> <!-- 1. ADVANCE THE TIMER IF IT IS RUNNING --> <<if $angelaQuestCompleted is true and $questCharlotteNight isnot "completed">> <<set $daysSinceAngelaQuest += 1>> <</if>> <!-- 2. CHECK THE TIMER TO SPRING THE TRAP --> <<if $daysSinceAngelaQuest == 2 and $questCharlotteNight isnot "completed">> <!-- HIJACKED MIDNIGHT EVENT --> <<set $questCharlotteNight = "active">> <div style="margin-top: 20px; text-align: center;"> <h3 style="color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">MIDNIGHT...</h3> <p style="margin-bottom: 15px;">You climb into bed and let exhaustion pull you under, but a few hours later, you are jolted awake.</p> <!-- WAKING UP IMAGE PLACEHOLDER --> <div style="margin: 25px auto;"> <img src="images/man-cant-sleep.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <p style="color: #dfba6b; font-style: italic; margin-bottom: 15px;">"Ah... fuck..."</p> <p style="margin-bottom: 15px;">You hear muffled noises coming from Charlotte's room down the hall.</p> <div style="margin-top: 35px;"> [[Get up and investigate|CharlotteNightEvent]] </div> </div> <<else>> <!-- NORMAL SLEEP ROUTE --> <div style="margin-top: 20px;"> <h3 style="color: #d4af37; margin-bottom: 20px;">Resting</h3> <p style="margin-bottom: 15px;">You climb back into bed, letting exhaustion pull you under as you rest for the night.</p> <!-- Reset Energy & Advance Day --> <<set $dayCount += 1>> <<set $energy = 100>> <<set $dayIndex += 1>> <<set $time = "Morning">> <div style="background: rgba(0, 230, 118, 0.1); border: 1px solid #00e676; border-radius: 6px; padding: 10px 14px; color: #00e676; font-weight: bold; margin: 15px 0; display: inline-block;"> Energy fully restored </div> <div style="margin-top: 35px;"> [[Get out of bed|MainHub]] </div> </div> <</if>> <</nobr>>
<<nobr>> <style> /* 1. AGGRESSIVE TWINE UI RESET */ #ui-bar { display: none !important; width: 0 !important; } #story { margin: 0 !important; padding: 0 !important; border: none !important; max-width: 100vw !important; left: 0 !important; top: 0 !important; } #passages { max-width: 100vw !important; margin: 0 !important; padding: 0 !important; border: none !important; } body { overflow: hidden !important; margin: 0; padding: 0; background: #000 !important; } /* 2. FULL SCREEN OS ENVIRONMENT */ #os-environment-player { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #0b0c10; background-image: url('images/PCPassage_Dom background.png'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; z-index: 99999; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; overflow: hidden; } /* 3. DESKTOP GRID STYLES */ .desktop-icon-grid { padding: 40px; display: flex; flex-direction: column; gap: 35px; width: 120px; z-index: 100; position: relative; } .desktop-icon { text-align: center; cursor: pointer; border-radius: 12px; padding: 10px; transition: all 0.2s ease; } .desktop-icon:hover { background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); transform: scale(1.05); } .icon-img { font-size: 55px; margin-bottom: 8px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.6)); } .icon-text { color: #fff; font-size: 14px; text-shadow: 0 2px 4px rgba(0,0,0,0.9); font-weight: bold; } /* 4. APP WINDOW STYLES */ .app-window { display: none; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 85%; max-width: 1100px; height: 80%; background: rgba(18, 20, 28, 0.95); backdrop-filter: blur(25px); border: 1px solid rgba(255,255,255,0.15); border-radius: 16px; box-shadow: 0 25px 60px rgba(0,0,0,0.8); flex-direction: column; overflow: hidden; z-index: 200; } .app-header { height: 45px; background: rgba(0,0,0,0.6); border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; flex-shrink: 0; } .close-btn { color: #ff5f56; font-size: 22px; font-weight: bold; cursor: pointer; transition: 0.2s; } .close-btn:hover { color: #ff8580; transform: scale(1.1); } .app-content { flex-grow: 1; overflow-y: auto; padding: 30px; position: relative; } /* 5. SPECIFIC APP STYLES */ .job-listing { background: #f8f9fa; border: 1px solid #dfe1e5; padding: 25px; border-radius: 12px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; color: #333; box-shadow: 0 4px 10px rgba(0,0,0,0.05); } .btn-action { background: #4285F4; color: #fff; padding: 12px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none; display: inline-block; border: none; transition: 0.2s; text-align: center; } .btn-action:hover { background: #3367d6; box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); transform: translateY(-2px); } </style> <<if typeof $jackKnowledge === 'undefined'>><<set $jackKnowledge = 0>><</if>> <<if typeof $energy === 'undefined'>><<set $energy = 100>><</if>> <<if typeof $pornWatched === 'undefined'>><<set $pornWatched = 0>><</if>> <div id="os-environment-player"> <!-- DESKTOP ICONS --> <div class="desktop-icon-grid"> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-research').css('display', 'flex');"> <div class="icon-img">📚</div> <div class="icon-text">RESEARCH</div> </div> <!-- SAFELY LINKS TO YOUR EXISTING PORNHUB PASSAGE --> <a data-passage="PornHubPassage" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="desktop-icon" style="text-decoration: none; display: block;"> <div class="icon-img">🔞</div> <div class="icon-text">XPORNX</div> </a> <<if $questJob == "active">> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-jobs').css('display', 'flex');"> <div class="icon-img" style="filter: drop-shadow(0 4px 6px rgba(46,213,115,0.4));">💼</div> <div class="icon-text" style="color: #2ed573;">Job Board</div> </div> <</if>> <a data-passage="MainHub" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="desktop-icon" style="text-decoration: none; display: block; margin-top: 40px;"> <div class="icon-img" style="color: #4fc3f7; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.8));">⏻</div> <div class="icon-text" style="color: #4fc3f7;">Shut Down</div> </a> </div> <!-- APP: RESEARCH --> <div id="app-research" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #fff; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">🔒 wikipedia.org/general_studies</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #fff; color: #333; padding: 50px;"> <h1 style="color: #000; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 0;">General Studies & Research</h1> <p style="font-size: 16px; line-height: 1.6; color: #555;"> Welcome to the digital encyclopedia. Spending time here researching various topics, history, and applied sciences will gradually improve your intellect and dialogue options. </p> <div style="margin-top: 40px; text-align: center; background: #f0f4f8; padding: 40px; border-radius: 12px; border: 1px solid #d9e2ec;"> <h3 style="margin-top: 0; color: #334e68; margin-bottom: 25px;">Current Knowledge Level: <span style="color: #0a84ff;"><<print $jackKnowledge>></span></h3> <<if $energy >= 20>> <a data-passage="WebBrowsePassage" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action" style="padding: 15px 40px; font-size: 16px;"> Start Researching<br> <span style="font-size: 12px; font-weight: normal; opacity: 0.8;">(-20 Energy, Passes Time)</span> </a> <<else>> <div style="color: #ff5252; font-weight: bold; font-size: 16px; padding: 15px;">You are too exhausted to study. (Requires 20 Energy)</div> <</if>> </div> </div> </div> <!-- APP: JOB BOARD --> <<if $questJob == "active">> <div id="app-jobs" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #fff; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">💼 localjobs.com</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #fff; color: #333; padding: 50px;"> <h1 style="color: #0a84ff; margin-top: 0;">Local Job Board</h1> <p style="color: #666; margin-bottom: 30px;">Find employment opportunities in your area.</p> <div class="job-listing"> <div> <div style="font-size: 22px; font-weight: bold; color: #222;">Executive Secretary</div> <div style="color: #666; font-size: 15px; margin-top: 5px;">Apex Global Financial • Full-Time</div> <p style="font-size: 13px; margin-top: 10px; color: #555;">Seeking a highly organized, obedient, and presentable assistant to manage schedules and assist the Director directly. Must be eager to please and willing to follow strict orders.</p> </div> <a data-passage="JobBoardPassage" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action">Apply</a> </div> </div> </div> <</if>> </div> <!-- HIDDEN LINKS TO REGISTER CONNECTIONS IN TWINE --> <div style="display: none;"> [[MainHub]] [[WebBrowsePassage]] [[PornHubPassage]] [[JobBoardPassage]] </div> <</nobr>>
<<nobr>> <!-- 1. SAFETY CHECKS --> <<if ndef $currentOutfit>><<set $currentOutfit = "Casual">><</if>> <<if ndef $equippedShoes>><<set $equippedShoes = "Barefoot">><</if>> <!-- 2. WARDROBE UI CONTAINER --> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #e91e63; max-width: 800px; margin: 20px auto;"> <h2 style="color: #e91e63; text-align: center; letter-spacing: 2px; margin-top: 0; text-transform: uppercase;">WARDROBE</h2> <!-- ========================================== --> <!-- DYNAMIC VIDEO ACTION DISPLAY (PLUG) --> <!-- ========================================== --> <<if $plugAction is "first_insert">> <div style="background: #14141d; border: 2px solid #ff5252; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3);"> <h3 style="color: #ff5252; margin-top: 0; margin-bottom: 15px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; text-align: center;">✨ The Boss's Toy</h3> <div style="background: #1a1a24; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 15px;"> <p style="color: #ddd; font-style: italic; font-size: 14px; line-height: 1.5; margin: 0;"> With a trembling hand, you press the buttplug against your entrance. Taking a shaky breath, you slowly push it inside until the thick base locks into place against your cheeks, stretching you out completely. </p> </div> <div style="display: flex; justify-content: center; margin-bottom: 15px;"> <video src="videos/First time plug insert.webm" controls autoplay muted playsinline style="max-width: 280px; width: 100%; border-radius: 12px; border: 2px solid #ff5252;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 15px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 13px;">Ah... God... It's so full. I can't believe I'm actually doing this... I'm officially her toy now...</div> </div> </div> </div> <<elseif $plugAction is "insert">> <div style="background: #14141d; border: 1px solid #e91e63; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2); text-align: center;"> <p style="color: #e91e63; font-weight: bold; margin-top: 0; margin-bottom: 12px; font-size: 14px;">✨ You slide the plug inside...</p> <video src="videos/Plug insert.webm" controls autoplay muted playsinline style="max-width: 280px; width: 100%; border-radius: 12px;"></video> </div> <<elseif $plugAction is "remove">> <div style="background: #14141d; border: 1px solid #e91e63; border-radius: 12px; padding: 15px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2); text-align: center;"> <p style="color: #e91e63; font-weight: bold; margin-top: 0; margin-bottom: 12px; font-size: 14px;">⚠️ You slowly pull the plug out...</p> <video src="videos/Plug remove.webm" controls autoplay muted playsinline style="max-width: 280px; width: 100%; border-radius: 12px;"></video> </div> <</if>> <<set $plugAction = "">> <!-- Reset action --> <!-- EQUIPPED STATUS DISPLAY --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; margin-bottom: 30px;"> <div style="color: #ddd; font-size: 14px; margin-bottom: 5px;">CURRENT SETUP</div> <div style="color: #e91e63; font-weight: bold; font-size: 16px;"> <<print $currentOutfit>> | <<if $equippedLingerie>>Lingerie Set <<elseif $equippedPanties>>Silky Panties <<else>>Boxers<</if>> | <<print $equippedShoes>> </div> <<if $equippedBra and !$equippedLingerie>><div style="color: #ff69b4; font-weight: bold; font-size: 14px; margin-top: 10px;">👙 Wearing Training Bra</div><</if>> <<if $equippedPantyhose>><div style="color: #ff69b4; font-weight: bold; font-size: 14px; margin-top: 5px;">🦵 Wearing Pantyhose</div><</if>> <<if $equippedPlug>><div style="color: #e91e63; font-weight: bold; font-size: 14px; margin-top: 5px;">🔴 Plug Inserted</div><</if>> </div> <!-- ======================= --> <!-- SECTION: APPAREL --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Apparel</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Casual Clothes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Casual Set</div> <img src="images/Casual clothes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Casual">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Casual">><<set $currentOutfit = "Casual">><<goto "WardrobePassage">><</link>> <</if>> </div> <!-- Men's Tracksuit --> <<if $hasMensSport>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Tracksuit</div> <img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Men's Tracksuit">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Tracksuit">><<set $currentOutfit = "Men's Tracksuit">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> <!-- Women's Yoga Set --> <<if $hasWomensSport>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Yoga Set</div> <img src="images/Yoga set.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Yoga Set">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Yoga Set">><<set $currentOutfit = "Yoga Set">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> <!-- Maid Outfit --> <<if $ownsMaidOutfit>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Maid Outfit</div> <img src="images/item_maid.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Maid Outfit">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Maid Outfit">><<set $currentOutfit = "Maid Outfit">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> </div> <!-- ======================= --> <!-- SECTION: UNDERWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Underwear & Lingerie</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Standard Boxers --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Boxers</div> <img src="images/boxers.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedPanties is false and $equippedLingerie isnot true>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<if $charlotteBlackmail is true>> <div style="color: #ff5252; font-size: 11px; font-weight: bold;">🔒 Charlotte forbid you from taking her panties off.</div> <<else>> <<link "Wear Boxers">> <<set $equippedPanties = false>> <<set $equippedLingerie = false>> <<goto "WardrobePassage">> <</link>> <</if>> <</if>> </div> <!-- Silky Panties --> <<if $hasPanties>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Panties</div> <img src="images/Panties.jpeg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedPanties is true>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<set _fem = $jackFemininity || 0>> <<if _fem >= 20>> <<if $charlotteBlackmail isnot true>> <<link "Wear Panties">><<goto "CharlotteBlackmailEvent">><</link>> <<else>> <<link "Wear Panties">> <<set $equippedPanties = true>> <<set $equippedLingerie = false>> <<goto "WardrobePassage">> <</link>> <</if>> <<else>> <div style="color: #ff5252; font-size: 11px; font-weight: bold;">🔒 Requires 20 Femininity<br>(Current: <<print _fem>>)</div> <</if>> <</if>> </div> <</if>> <!-- Training Bra --> <<if $hasBra>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Bra</div> <img src="images/Bra.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedBra is true>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<link "Take Off">><<set $equippedBra = false>><<goto "WardrobePassage">><</link>> <<else>> <<link "Wear Bra">> <<set $equippedBra = true>> <<set $equippedLingerie = false>> <<goto "WardrobePassage">> <</link>> <</if>> </div> <</if>> <!-- Pantyhose --> <<if $hasPantyhose>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Pantyhose</div> <img src="images/leggings.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedPantyhose is true>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<link "Take Off">><<set $equippedPantyhose = false>><<goto "WardrobePassage">><</link>> <<else>> <<link "Wear Pantyhose">> <<set $equippedPantyhose = true>> <<goto "WardrobePassage">> <</link>> <</if>> </div> <</if>> <!-- Full Lingerie Set --> <<if $hasLingerie>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Lingerie Set</div> <img src="images/Lingerie.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedLingerie is true>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Lingerie">> <<set $equippedLingerie = true>> <<set $equippedPanties = false>> <<set $equippedBra = false>> <<goto "WardrobePassage">> <</link>> <</if>> </div> <</if>> </div> <!-- ======================= --> <!-- SECTION: FOOTWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Footwear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Sneakers --> <<if $hasSneakers>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Sneakers</div> <img src="images/Sneakers.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Sneakers">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Sneakers">><<set $equippedShoes = "Sneakers">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> <!-- Men's Running Shoes --> <<if $hasMensShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Men's Runners</div> <img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Men's Running Shoes">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Shoes">><<set $equippedShoes = "Men's Running Shoes">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> <!-- Women's Running Shoes --> <<if $hasWomensRunningShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Women's Runners</div> <img src="images/Women runnings shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Women's Running Shoes">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Shoes">><<set $equippedShoes = "Women's Running Shoes">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> <!-- Heels --> <<if $hasWomensShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Heels</div> <img src="images/Heels.png" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Heels">> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Wear Heels">><<set $equippedShoes = "Heels">><<goto "WardrobePassage">><</link>> <</if>> </div> <</if>> </div> <!-- ======================= --> <!-- SECTION: TOYS --> <!-- ======================= --> <<if $hasButtplug>> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Wearable Toys</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Butt-Plug</div> <img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedPlug>> <div style="color: #e91e63; font-weight: bold; border: 2px solid #e91e63; border-radius: 8px; padding: 8px 0; margin-bottom: 10px;">INSERTED</div> <<link "Remove Plug">> <<set $equippedPlug = false>> <<set $plugAction = "remove">> <<goto "WardrobePassage">> <</link>> <<else>> <<set _femPlug = $jackFemininity || 0>> <<if _femPlug >= 45>> <<link "Insert Plug">> <<set $equippedPlug = true>> <<if $firstPlugInserted isnot true>> <<set $plugAction = "first_insert">> <<set $firstPlugInserted = true>> <<else>> <<set $plugAction = "insert">> <</if>> <<goto "WardrobePassage">> <</link>> <<else>> <div style="color: #ff5252; font-size: 11px; font-weight: bold;">🔒 Requires 45 Femininity<br>(Current: <<print _femPlug>>)</div> <</if>> <</if>> </div> </div> <</if>> <!-- DYNAMIC RETURN BUTTON --> <div style="text-align: center; margin-top: 40px;"> <span style="display: inline-block; padding: 10px 25px; background: #141414; border: 1px solid #e91e63; border-radius: 8px; font-weight: bold;"> <<return "CLOSE WARDROBE">> </span> </div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <style> #ui-bar { display: none !important; } #story { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } #passages { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } body { background-color: #0b0c10 !important; overflow-x: hidden; margin: 0; padding: 0; } </style> <div style="max-width: 650px; margin: 10vh auto; background: #1a1a24; border-radius: 16px; border: 1px solid #333; padding: 40px; text-align: center; font-family: sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.8);"> <div style="font-size: 50px; margin-bottom: 10px;">🌐</div> <h2 style="color: #00bcd4; letter-spacing: 2px; text-transform: uppercase; margin-top: 0;">Research Complete</h2> <<if $energy >= 20>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You spend some time surfing random websites, reading articles, and expanding your mind online. It takes effort, but you feel sharper. </p> <!-- Deduct energy and increase stats --> <<set $energy -= 20>> <<set $jackKnowledge += 1>> <div style="background: rgba(0, 188, 212, 0.1); border: 1px dashed #00bcd4; padding: 20px; border-radius: 12px; display: inline-block; margin: 20px 0;"> <div style="color: #00bcd4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">+1 KNOWLEDGE</div> <div style="color: #ff5252; font-weight: bold; font-size: 14px; margin-top: 5px;">-20 ENERGY</div> </div> <!-- Time Progression Logic --> <div style="color: #888; font-style: italic; font-size: 14px; margin-bottom: 30px;"> <<if $time is "Morning">> <<set $time = "Afternoon">> Time passes... It is now Afternoon. <<elseif $time is "Afternoon">> <<set $time = "Evening">> Time passes... It is now Evening. <<elseif $time is "Evening">> <<set $time = "Night">> Time passes... It is now Night. <<elseif $time is "Night">> <span style="color: #ff69b4;">It's getting late. You should probably head to bed soon.</span> <</if>> </div> <<else>> <div style="color: #ff5252; font-weight: bold; font-size: 16px; padding: 20px; background: rgba(255,82,82,0.1); border-radius: 8px; margin: 30px 0;"> You are far too exhausted to focus on the screen. Your eyes are heavy, and you need to sleep. </div> <</if>> <a data-passage="PCPassage" style="display: inline-block; padding: 12px 35px; background: #00bcd4; color: #111; border-radius: 8px; font-weight: bold; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer;"> RETURN TO DESKTOP </a> </div> <</nobr>>
<<nobr>> <style> #ui-bar { display: none !important; } #story { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } #passages { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } body { background-color: #0b0c10 !important; overflow-x: hidden; margin: 0; padding: 0; } </style> <div style="max-width: 650px; margin: 10vh auto; background: #1a1a24; border-radius: 16px; border: 1px solid #333; padding: 40px; text-align: center; font-family: sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.8);"> <div style="font-size: 50px; margin-bottom: 10px;">💼</div> <h2 style="color: #2ed573; letter-spacing: 2px; text-transform: uppercase; margin-top: 0;">Application Accepted</h2> <<if $hasJob is false>> <!-- Time Progression --> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 20px;"> You scour the online job listings, update your resume, and submit your application. Before long, a woman from human resources gets back to you with an official offer for the <b>Executive Secretary</b> position. </p> <img src="images/company.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); margin: 0 auto 20px auto;"> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 25px;"> While the role feels a bit unorthodox and overly feminine for your taste, you swallow your pride—you have little choice if you want to get Angela off your back. </p> <<set $hasJob = true>> <<set $questJob = "completed">> <div style="background: rgba(46, 213, 115, 0.1); border: 1px dashed #ffc107; padding: 15px; border-radius: 8px; color: #ffc107; font-weight: bold; margin-bottom: 30px;"> You successfully found a job! </div> <<else>> <p style="color: #aaa; font-size: 16px; margin: 30px 0;">You've already secured a job. No need to look for another one right now.</p> <</if>> <a data-passage="PCPassage" style="display: inline-block; padding: 12px 35px; background: #ffc107; color: #111; border-radius: 8px; font-weight: bold; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; cursor: pointer;"> RETURN TO DESKTOP </a> </div> <</nobr>>
<<nobr>> <style> #ui-bar { display: none !important; } #story { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } #passages { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } body { background-color: #0d0d12 !important; overflow-x: hidden; margin: 0; padding: 0; } .porn-grid { display: flex; flex-direction: row; justify-content: center; gap: 30px; margin-top: 10px; width: 100%; flex-wrap: wrap; } .porn-card { display: flex; flex-direction: column; align-items: center; text-decoration: none; width: 30%; min-width: 180px; max-width: 240px; cursor: pointer; transition: 0.2s; } .porn-card:hover .gallery-img { transform: scale(1.03); border-color: #ff5252; box-shadow: 0 10px 25px rgba(255,82,82,0.4); } /* PERFECT PORTRAIT CARDS */ .gallery-img { width: 100%; height: auto; aspect-ratio: 3 / 4; /* Forces all boxes to be identical tall rectangles */ object-fit: cover; /* Fills the whole box (no black bars) */ object-position: top center; /* Focuses on the top so heads are never cut off */ border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 5px 15px rgba(0,0,0,0.4); transition: 0.2s; display: block; } </style> <div style="max-width: 900px; margin: 5vh auto; padding: 40px; background: #111; border-radius: 16px; border: 1px solid #333; box-shadow: 0 15px 40px rgba(0,0,0,0.8); font-family: sans-serif;"> <div style="background: rgba(40,10,10,0.8); padding: 8px 20px; border-radius: 8px; color: #ff5252; font-size: 14px; width: fit-content; margin: 0 auto 30px auto; font-weight: bold; border: 1px solid #ff5252;">🕵️♂️ Incognito Tab Active</div> <h1 style="color: #ff5252; text-align: center; margin-top: 0; margin-bottom: 30px; letter-spacing: 3px; text-transform: uppercase;">Hub Premium</h1> <div class="porn-grid"> <<if $energy >= 20>> <a data-passage="PornVideoPassage" data-setter="$pornCategory = 'femdom'" class="porn-card"> <img src="images/femdom.jpg" class="gallery-img" alt="Femdom"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">Femdom</div> </a> <a data-passage="PornVideoPassage" data-setter="$pornCategory = 'sissy'" class="porn-card"> <img src="images/sissy.webp" class="gallery-img" alt="Sissy"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">Sissy</div> </a> <a data-passage="PornVideoPassage" data-setter="$pornCategory = 'cuckold'" class="porn-card"> <img src="images/cuckold.webp" class="gallery-img" alt="Cuckold"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">Cuckold</div> </a> <<else>> <div style="width: 100%; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-align: center; font-weight: bold; padding: 20px; background: rgba(255,82,82,0.1); margin-bottom: 20px;">You are too exhausted for this right now. (Requires 20 Energy)</div> <div class="porn-card" style="opacity: 0.3; pointer-events: none;"> <img src="images/femdom.jpg" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; text-transform: uppercase;">Femdom</div> </div> <div class="porn-card" style="opacity: 0.3; pointer-events: none;"> <img src="images/sissy.webp" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; text-transform: uppercase;">Sissy</div> </div> <div class="porn-card" style="opacity: 0.3; pointer-events: none;"> <img src="images/cuckold.webp" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 15px; font-weight: bold; text-transform: uppercase;">Cuckold</div> </div> <</if>> </div> <div style="color: #ff5252; text-align: center; margin-top: 35px; font-style: italic; font-size: 13px; font-weight: bold; letter-spacing: 1px;"> * Watch 2 videos to jerkoff. </div> <div style="text-align: center; margin-top: 50px;"> <a data-passage="PCPassage" style="padding: 12px 30px; background: #1a1a24; color: #888; border: 1px solid #444; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none; transition: 0.2s;"> CLOSE TAB </a> </div> </div> <div style="display: none;"> [[PornVideoPassage]] [[PCPassage]] </div> <</nobr>>
<<nobr>> <style> #ui-bar { display: none !important; } #story { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } #passages { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } body { background-color: #0d0d12 !important; overflow-x: hidden; margin: 0; padding: 0; } </style> <div style="max-width: 800px; margin: 5vh auto; background: #111; border-radius: 16px; border: 1px solid #333; padding: 30px; font-family: sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.8);"> <div style="background: rgba(233, 30, 99, 0.1); border: 1px solid #e91e63; padding: 8px 20px; border-radius: 8px; color: #e91e63; font-size: 14px; width: fit-content; margin: 0 auto 20px auto; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;"> ▶ Now Playing: <<print $pornCategory>> </div> <<if $energy >= 20>> <<set $energy -= 20>> <<set $videosWatched += 1>> <<if $pornCategory is "sissy" or $pornCategory is "Sissy">> <p style="color: #ccc; text-align: center; margin-bottom: 15px;">You pull up a collection of sissy transformation videos, watching the clips as the hypnotic conditioning starts getting to you...</p> <<set $jackFemininity += 1>> <div style="text-align: center; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px dashed #ff69b4; border-radius: 8px; margin: 0 auto 20px auto; max-width: 300px;"> <div style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px; margin-bottom: 5px;">+1 FEMININITY</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px;">-20 ENERGY</div> </div> <<set $chosenLink = either("videos/Sissy porn1.webm", "videos/Sissy porn2.webm", "videos/Sissy porn3.webm")>> <<elseif $pornCategory is "cuckold" or $pornCategory is "Cuckold">> <p style="color: #ccc; text-align: center; margin-bottom: 15px;">You select a cuckold fantasy clip, watching with a mix of humiliation and arousal as the scenario unfolds...</p> <<set $jackCuck += 1>> <div style="text-align: center; padding: 15px; background: rgba(255, 235, 59, 0.1); border: 1px dashed #ffeb3b; border-radius: 8px; margin: 0 auto 20px auto; max-width: 300px;"> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; letter-spacing: 1px; margin-bottom: 5px;">+1 CUCK</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px;">-20 ENERGY</div> </div> <<set $chosenLink = either("videos/Cuck porn1.webm", "videos/Cuck porn2.webm", "videos/Cuck porn3.webm")>> <<else>> <p style="color: #ccc; text-align: center; margin-bottom: 15px;">You watch a strict femdom clip, studying how completely the dominant woman controls her partner...</p> <div style="text-align: center; padding: 12px; background: rgba(255, 82, 82, 0.1); border: 1px dashed #ff5252; border-radius: 8px; margin: 0 auto 20px auto; max-width: 300px;"> <div style="color: #ff5252; font-weight: bold; font-size: 14px; letter-spacing: 1px;">-20 ENERGY</div> </div> <<set $chosenLink = either("videos/Femdom porn1.webm", "videos/Femdom porn2.webm", "videos/Femdom porn3.webm")>> <</if>> <!-- PERFECTLY AUTO-RESIZING VIDEO PLAYER --> <div style="text-align: center; margin: 0 auto 30px auto; max-width: 450px; background: #000; border-radius: 12px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(233,30,99,0.2); overflow: hidden;"> <video style="width: 100%; height: auto; display: block;" controls autoplay playsinline> <<print '<source src="' + $chosenLink + '" type="video/webm">'>> </video> </div> <!-- Time Progression --> <<if $time is "Morning">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<else>> <div style="color: #ff5252; font-weight: bold; text-align: center; padding: 30px; background: rgba(255,82,82,0.1); border-radius: 8px;"> You are too tired to browse this site right now. Get some sleep first. </div> <</if>> <!-- NAVIGATION & FINISHING OPTIONS --> <div style="text-align: center; margin-top: 20px;"> <<if $videosWatched >= 2>> <div style="background: rgba(233, 30, 99, 0.1); border: 1px solid #e91e63; padding: 20px; border-radius: 12px; max-width: 500px; margin: 0 auto 20px auto;"> <p style="color: #ff69b4; font-size: 16px; margin-top: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">Choose how you want to finish:</p> <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 15px;"> <<if $chastityCageEquipped>> <span style="padding: 10px 15px; background: #222; color: #666; border-radius: 6px; font-size: 14px;">🔒 Hand (Caged)</span> <<else>> <<link '<div style="padding: 10px 15px; background: #e91e63; color: #fff; border-radius: 6px; font-weight: bold; cursor: pointer;">👋 Hand</div>' "Masturbation_Resolution">><<set $jerkMethod = "hand">><</link>> <</if>> <<if $jackFemininity >= 100>> <<link '<div style="padding: 10px 15px; background: #e91e63; color: #fff; border-radius: 6px; font-weight: bold; cursor: pointer;">💋 Mouth</div>' "Masturbation_Resolution">><<set $jerkMethod = "mouth">><</link>> <<else>> <span style="padding: 10px 15px; background: #222; color: #666; border-radius: 6px; font-size: 14px;">🔒 Mouth (Req: 100 Fem)</span> <</if>> </div> <<if $hasDildo or $hasButtplug or $hasStroker>> <div style="border-top: 1px dashed rgba(233, 30, 99, 0.4); padding-top: 15px; display: flex; justify-content: center; gap: 15px;"> <<if $hasDildo>> <<if $jackFemininity >= 70>> <<link '<div style="padding: 10px 15px; background: #9c27b0; color: #fff; border-radius: 6px; font-weight: bold; cursor: pointer;">🍆 Dildo</div>' "Masturbation_Resolution">><<set $jerkMethod = "dildo">><</link>> <<else>> <span style="padding: 10px 15px; background: #222; color: #666; border-radius: 6px; font-size: 14px;">🔒 Dildo (Req: 70)</span> <</if>> <</if>> <<if $hasButtplug>> <<if $jackFemininity >= 45>> <<link '<div style="padding: 10px 15px; background: #9c27b0; color: #fff; border-radius: 6px; font-weight: bold; cursor: pointer;">🍑 Plug</div>' "Masturbation_Resolution">><<set $jerkMethod = "plug">><</link>> <<else>> <span style="padding: 10px 15px; background: #222; color: #666; border-radius: 6px; font-size: 14px;">🔒 Plug (Req: 40)</span> <</if>> <</if>> <<if $hasStroker>> <<link '<div style="padding: 10px 15px; background: #9c27b0; color: #fff; border-radius: 6px; font-weight: bold; cursor: pointer;">🔦 Stroker</div>' "Masturbation_Resolution">><<set $jerkMethod = "stroker">><</link>> <</if>> </div> <<else>> <p style="color: #888; font-size: 12px; margin-bottom: 0;"><i>(You don't own any adult toys yet.)</i></p> <</if>> </div> <<else>> <p style="color: #888; font-size: 14px; margin-bottom: 20px;"><i>Watch more videos (<<print $videosWatched>>/2) to unlock finishing options.</i></p> <</if>> <div style="display: flex; justify-content: center; gap: 20px;"> <a data-passage="PornHubPassage" style="padding: 10px 20px; background: #222; color: #ccc; border-radius: 6px; text-decoration: none; border: 1px solid #444; cursor: pointer;">Back to Hub</a> <a data-passage="PCPassage" style="padding: 10px 20px; background: #222; color: #ccc; border-radius: 6px; text-decoration: none; border: 1px solid #444; cursor: pointer;">Close Browser</a> </div> </div> </div> <div style="display: none;"> [[Masturbation_Resolution]] [[PornHubPassage]] [[PCPassage]] </div> <</nobr>>
<<set $dayIndex = 0>> <<set $daysList = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]>> <<set $time = "Morning">> <<set $ChestQuestComplete = false>> <<set $faceQuestComplete = false>> <<set $angelaQuest2Complete = false>> <<set $LegsQuestComplete = false>> <<set $CrotchQuestComplete = false>> <<set $AssQuestComplete = false>> <!-- THE TRUTH QUESTLINE VARIABLES --> <<set $questSpycam = "inactive">> <<set $dayCharlotteCamPlanted = 0>> <<set $angelaPhoneEventPending = false>> <<set $questButtplug = false>> <<set $questCage = false>> <<set $questVibrator = false>> <<set $questDildo = false>> <<set $hasJob = false>> <<set $hasPanties = false>> <<set $hasSneakers = true>> <<set $hasDildo = false>> <<set $hasButtplug = false>> <<set $hasStroker = false>> <<set $hasCage = false>> <<set $razors = 0>> <<set $hasVibrator = false>> <<set $spycamCount = 0>> <<set $hasSmartphone = false>> <<set $dream1Done = false>> <<set $dream2Done = false>> <<set $canPlantSpycam = false>> <<set $hasWomensRunningShoes = false>> <<set $charlotteSubmission = false>> <<set $officeIntroDone = false>> <<set $questAngela = "active">> <<set $questWork = "active">> <<set $questJob = "active">> ____________Phone_______________ <<set $msgLauren = []>><<set $unreadLauren = 0>><<set $tickLauren = 0>> <<set $msgCharlotte = []>><<set $unreadCharlotte = 0>><<set $tickCharlotte = 0>> <<set $msgAngela = []>><<set $unreadAngela = 0>><<set $tickAngela = 0>> <<set $msgKendra = []>><<set $unreadKendra = 0>><<set $tickKendra = 0>> <<set $msgTyron = []>><<set $unreadTyron = 0>><<set $tickTyron = 0>> <<set $globalMsgTick = 0>> <<set $activeChat = "none">> <<set $unreadMessages = 0>> <<set $phoneMessageLog = []>> <<set $lastMessageDay = 0>> <<set $dayShaveCompleted = 0>> <<set $laurenWaitingForPic = false>> <<set $camAlertActive = false>> <<set $unreadMessages = 0>> <<set $phoneMessageLog = []>> <<set $phoneGallery = []>> ``` ### Step 2: Update `PassageReady` We need to update her random background texts. If she randomly texts you a picture, the game now needs to push that image to the `$phoneGallery` array as well! Replace your current `PassageReady` logic with this: ```html :: PassageReady <<nobr>> <<if $hasSmartphone is true and $currentRoute is "sub">> <<if $laurenFullShaveOrdered is true and $chestShaved is true and $crotchShaved is true and $assShaved is true>> <<if $dayShaveCompleted == 0>> <<set $dayShaveCompleted to $dayCount>> <</if>> <<if $dayCount > $dayShaveCompleted and not $laurenWaitingForPic>> <<if $dayCount > $lastMessageDay and random(1, 100) <= 30>> <<set $lastMessageDay to $dayCount>> <<set $unreadMessages += 1>> <<set _randomMsg to random(1, 4)>> <<if _randomMsg == 1>> <<run $phoneMessageLog.push({sender: "Lauren", time: $time, text: "Are you keeping that boypussy clean and hairless, sissy? Send me a pic.", img: "none"})>> <<set $laurenWaitingForPic = true>> <<elseif _randomMsg == 2>> <<run $phoneMessageLog.push({sender: "Lauren", time: $time, text: "I'm bored at my desk. Think about me while you're wearing those panties.", img: "images/lauren_desk_tease.jpg"})>> <<run $phoneGallery.push("images/lauren_desk_tease.jpg")>> <<elseif _randomMsg == 3>> <<run $phoneMessageLog.push({sender: "Lauren", time: $time, text: "Get over here and fetch my coffee next time you're in the office. Don't make me wait.", img: "none"})>> <<elseif _randomMsg == 4>> <<run $phoneMessageLog.push({sender: "Lauren", time: $time, text: "Good boys get rewarded. Remember your place today.", img: "images/lauren_heels.jpg"})>> <<run $phoneGallery.push("images/lauren_heels.jpg")>> <</if>> <</if>> <</if>> <</if>> <</if>> <</nobr>> <!-- Charlotte's Night Quest Variables --> <<set $daysSinceAngelaQuest = 0>> <<set $questCharlotteNight = "inactive">> <<set $metLauren = false>> <<set $laurenBullyStage = 1>> <!-- Jack's Stats --> <<set $jackKnowledge = 0>> <<set $jackFemininity = 0>> <<set $jackFitness = 0>> <<set $jackCuck = 0>> <<set $jackCorruption = 0>> <<set $jackDominance = 0>> <<set $jackLooks = 0>> <!-- Angela's Stats --> <<set $angelaSlut = 0>> <<set $angelaDomination = 0>> <<set $angelaObedience = 0>> <<set $angelaLove = 0>> <!-- Charlotte's Stats (Stepdaughter) --> <<set $charlotteSlut = 0>> <<set $charlotteDomination = 0>> <<set $charlotteObedience = 0>> <<set $charlotteLove = 0>> <<set $energy = 100>> <<set $maxEnergy = 100>> <<set $videosWatched = 0>> <<set $pornWatched = 0>> <<set $ownsMaidOutfit = false>> <<set $currentOutfit = "Casual">> <<set $equippedCage = false>> <<set $equippedPanties = false>> <<set $equippedShoes = "Sneakers">> <<set $equippedPlug = false>> <<set $money = 0>> <<set $angelaTalkCount = 0>> <<set $maidOutfitUnlocked = false>> <<set $angelaLastTalkDay = 0>> <!-- Character Names --> <<set $playerName = "Jack">> <!-- Avatars (Local Image Paths) --> <<set $avatarJack = "images/Jacks Avatar.jpg">> <<set $avatarAngela = "images/Angelas Avatar.webp">> <<set $avatarCharlotte = "images/Charlottes Avatar.webp">> <<set $avatarKendra = "images/Kendras Avatar.webp">> <<set $avatarTyron = "images/Tyrons Avatar.jpg">> <<set $avatarWoman = "images/Woman.jpg">> <<set $avatarLauren = "images/Laurens Avatar.webp">> <<set $avatarOmar = "images/Omars avatar.jpg">> <<set $avatarMandy = "images/Mandys avatar.webp">> <<set $avatarJezabel = "images/Jezabels Avatar.webp">> <<set $avatarKarma = "images/Karmas Avatar.jpg">> <!-- House Upgrade Tracker --> <<set $bedroomUpgraded = false>> <<set $kitchenUpgraded = false>> <<set $hallwayUpgraded = false>> <<set $livingRoomUpgraded = false>> <<set $charlotteRoomUpgraded = false>> <<set $bathroomUpgraded = false>> <<set $backyardUpgraded = false>> <<set $houseUpgraded = false>> <!-- Mirror / Body Customization States --> <<set $faceShaved = false>> <<set $legsShaved = false>> <<set $crotchShaved = false>> <<set $chestShaved = false>> <<set $assShaved = false>> <<set $dayCount = 1>> <<set $assShavedDay = -99>> <<set $chestShavedDay = -99>> <<set $faceShavedDay = -99>> <<set $legShavedDay = -99>> <<set $crotchShavedDay = -99>> <!-- NEW CLOTHING FLAGS --> <<set $hasBra = false>> <<set $hasLingerie = false>> <<set $hasMensSport = false>> <<set $hasWomensSport = false>> <<set $hasMensShoes = false>> <<set $hasWomensShoes = false>> <<set $questWomenswear = false>> <!-- NEW EQUIPMENT SLOTS --> <<set $equippedBra = false>> <<set $laurenFullShaveOrdered = false>> <<set $questAngelaBra = "inactive">> <<set $questKendraPlug = "inactive">> <<set $kendraBullyStage = 1>> <!-- Route Tracker --> <<set $currentRoute = "neutral">> <!-- Add this to StoryInit --> <<set $questJobDom = "active">> <<set $questBreakfastDom = "active">> <<set $breakfastCount = 0>> <<set $charlotteRoomSearched = false>> <<set $questFindDateDom = "inactive">> <<set $hasJobDom = false>> <<set $officeIntroDoneDom = false>> <<set $metLaurenDom = false>> <<set $questLaurenRevengeDom = "active">> <<set $wageDom = 300>> <<set $metTBoneDom = false>> <<set $jackHackingDom = 0>> <<set $hackingDeviceReadyDay = 0>> <<set $inventoryWeedDom = 0>> <<set $inventoryPillsDom = 0>> <!-- Dom Clothing & Accessory Flags --> <<set $hasCasualClothes = false>> <<set $hasFormalSuit = false>> <<set $hasCasualShoes = false>> <<set $hasFormalShoes = false>> <<set $hasCheapWatch = false>> <<set $hasExpensiveWatch = false>> <<set $hasLuxuryWatch = false>> <<set $hasMensShoes = false>> <<set $hasMensSport = false>> <<set $hasSexMachine = false>> <<set $angelaDeskFirstVisit = false>> <!-- Gym Membership Tracker --> <<set $gymExpiryDay = 0>> <<set $readKendraChatDom = false>> <<set $readMarkChatDom = false>> <<set $readTyronChatDom = false>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto; font-family: 'Cinzel', 'Georgia', serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">WHERE TO?</h2> <!-- 4-COLUMN FLEX GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BEDROOM --> <a data-passage="MainHub" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); transition: transform 0.2s;"> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old main bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BEDROOM</span> </div> </a> <!-- BATHROOM --> <a data-passage="BathroomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $bathroomUpgraded>> <img src="images/Upgraded bathroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Bathroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BATHROOM</span> </div> </a> <!-- KITCHEN --> <a data-passage="KitchenPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $kitchenUpgraded>> <img src="images/Upgraded kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">KITCHEN</span> </div> </a> <!-- LIVING ROOM --> <a data-passage="LivingRoomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $livingRoomUpgraded>> <img src="images/Upgraded livingroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old livingroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">LIVING ROOM</span> </div> </a> <!-- CHARLOTTE'S ROOM --> <a data-passage="CharlottesRoomPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">CHARLOTTE'S ROOM</span> </div> </a> <!-- BACKYARD --> <a data-passage="BackyardPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $backyardUpgraded>> <img src="images/Upgraded backyard.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Backyard.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">BACKYARD</span> </div> </a> <!-- OUTSIDE / EXIT HOME --> <a data-passage="OutsidePassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/outside.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">OUTSIDE</span> </div> </a> </div> </div> <!-- HIDDEN LINKS TO KEEP TWINE MAP CONNECTIONS --> <</nobr>> <div style="display: none;"> [[MainHub]] [[BathroomPassage]] [[KitchenPassage]] [[LivingRoomPassage]] [[CharlottesRoomPassage]] [[BackyardPassage]] [[OutsidePassage]] </div>
<h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">BATHROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <!-- ========================================================== --> <!-- 1. MAIN ROOM SCENE --> <!-- ========================================================== --> <div style="text-align: center; margin-bottom: 25px;"> <<if $bathroomUpgraded>> <img src="images/Upgraded bathroom.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Bathroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- SHOWER CARD --> <a data-passage="ShowerPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/photo-1507652313519-d4e9174996dd.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">TAKE A SHOWER</span> </div> </a> <!-- LOOK IN MIRROR CARD --> <a data-passage="MirrorPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/30c78f902f2f771596e705cb335a6eba.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">LOOK IN MIRROR</span> </div> </a> <!-- SHAVE CARD --> <a data-passage="ShavePassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Shaving.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SHAVE</span> </div> </a> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="bathroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[ShowerPassage]] [[MirrorPassage]] </div>
<<nobr>> <<if typeof $spycamCount === 'undefined'>><<set $spycamCount = 0>><</if>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">KITCHEN</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <div style="text-align: center; margin-bottom: 25px;"> <<if $kitchenUpgraded>> <img src="images/Upgraded kitchen.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old kitchen.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- EAT / SNACK CARD --> <a data-passage="EatPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/may23-ohh-healthy-snacks.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">EAT A SNACK</span> </div> </a> <<if $energy < 10>> <!-- LOCKED: TOO TIRED --> <div style="color: #ff5252; font-weight: bold; text-align: center; width: 180px; height: 240px; display: flex; align-items: center; justify-content: center; border: 1px solid #ff5252; border-radius: 16px; background: rgba(255, 82, 82, 0.1);"> Too tired to clean. (Requires 10 Energy) </div> <<else>> <!-- OPEN: HAS ENOUGH ENERGY --> <!-- CLEAN KITCHEN CARD --> <a data-passage="CleanKitchenPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/668cd596bf7fcda362e08694_The Best Way to Hand Wash Dishes.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">CLEAN KITCHEN</span> </div> </a> <</if>> <!-- SPYCAM BUTTON --> <<if $canPlantSpycam and not $spycamPlantedKitchen>> <<if $spycamCount > 0>> <<link '<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 240px; border-radius: 16px; background: #1a1a24; border: 1px solid #ff5252; box-shadow: 0 10px 25px rgba(255,82,82,0.2); cursor: pointer;"><span style="font-size: 45px; margin-bottom: 15px;">📸</span><span style="color: #ff5252; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">PLANT SPYCAM</span><span style="color: #aaa; font-size: 10px; margin-top: 8px;">(Consumes 1)</span></div>'>> <<set $spycamCount -= 1>> <<set $spycamPlantedKitchen = true>> <<goto "KitchenPassage">> <</link>> <<else>> <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 240px; border-radius: 16px; background: #111; border: 1px solid #555; box-shadow: 0 10px 25px rgba(0,0,0,0.5); opacity: 0.6; cursor: not-allowed;"> <span style="font-size: 45px; margin-bottom: 15px; filter: grayscale(100%);">📸</span> <span style="color: #777; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">NO SPYCAMS</span> <span style="color: #ff5252; font-size: 10px; margin-top: 8px;">(Buy at Store)</span> </div> <</if>> <</if>> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="kitchen-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[EatPassage]] [[CleanKitchenPassage]] </div> <</nobr>>
<<nobr>> <<if typeof $spycamCount === 'undefined'>><<set $spycamCount = 0>><</if>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">LIVING ROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <div style="text-align: center; margin-bottom: 25px;"> <<if $livingRoomUpgraded>> <img src="images/Upgraded livingroom.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old livingroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- WATCH TV CARD --> <a data-passage="WatchTVPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/tv.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">WATCH TV</span> </div> </a> <!-- SPYCAM BUTTON --> <<if $canPlantSpycam and not $spycamPlantedLivingRoom>> <<if $spycamCount > 0>> <<link '<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 260px; border-radius: 16px; background: #1a1a24; border: 1px solid #ff5252; box-shadow: 0 10px 25px rgba(255,82,82,0.2); cursor: pointer;"><span style="font-size: 50px; margin-bottom: 15px;">📸</span><span style="color: #ff5252; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 12px; text-transform: uppercase;">PLANT SPYCAM</span><span style="color: #aaa; font-size: 10px; margin-top: 8px;">(Consumes 1)</span></div>'>> <<set $spycamCount -= 1>> <<set $spycamPlantedLivingRoom = true>> <<goto "LivingRoomPassage">> <</link>> <<else>> <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 260px; border-radius: 16px; background: #111; border: 1px solid #555; box-shadow: 0 10px 25px rgba(0,0,0,0.5); opacity: 0.6; cursor: not-allowed;"> <span style="font-size: 50px; margin-bottom: 15px; filter: grayscale(100%);">📸</span> <span style="color: #777; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 12px; text-transform: uppercase;">NO SPYCAMS</span> <span style="color: #ff5252; font-size: 10px; margin-top: 8px;">(Buy at Store)</span> </div> <</if>> <</if>> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="livingroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage]] [[WatchTVPassage]] </div> <</nobr>>
<<nobr>> <<if typeof $spycamCount === 'undefined'>><<set $spycamCount = 0>><</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">CHARLOTTES ROOM</h2> <div style="text-align: center; margin-bottom: 25px;"> <<if $time is "Evening">> <img src="images/Charlotte awake.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">Charlotte is sitting in her room.</p> <<elseif $time is "Night">> <img src="images/Charlotte asleep.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">Charlotte is asleep in bed.</p> <<else>> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">The room is empty right now.</p> <</if>> </div> <<if $time is "Evening">> <div style="margin: 0 auto 25px auto; max-width: 380px; text-align: center;"> <a data-passage="TalkToCharlottePassage" style="display: block; background: #181820; border: 1px solid #dfba6b; border-radius: 10px; padding: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.2); cursor: pointer;"> <span style="color: #dfba6b; font-size: 15px; font-weight: bold; letter-spacing: 1.5px; font-family: sans-serif;">💬 TALK TO CHARLOTTE</span> </a> </div> <</if>> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- SEARCH ROOM CARD --> <<if $time is "Evening">> <a onclick="document.getElementById('charlotte-output').innerText = '(Charlotte is sitting right there. You can\'t snoop right now.)';" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.5); cursor: pointer;"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.3) grayscale(0.8);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <<elseif $time is "Night">> <<link '<div style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(233, 30, 99, 0.4);"><img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"><div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div><div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"><span style="color: #ff69b4; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">RISKY SEARCH</span></div></div>'>> <<if random(1, 100) <= 50>> <<goto "CharlotteWakesUpPassage">> <<else>> <<goto "SearchCharlotteRoomPassage">> <</if>> <</link>> <<else>> <a data-passage="SearchCharlotteRoomPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <</if>> <!-- SPYCAM BUTTON (ONLY SHOWS IF NOT PLANTED HERE YET) --> <<if $canPlantSpycam and not $spycamPlantedCharlotte>> <<if $spycamCount > 0>> <<link '<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 240px; border-radius: 16px; background: #1a1a24; border: 1px solid #ff5252; box-shadow: 0 10px 25px rgba(255,82,82,0.2); cursor: pointer;"><span style="font-size: 45px; margin-bottom: 15px;">📸</span><span style="color: #ff5252; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">PLANT SPYCAM</span><span style="color: #aaa; font-size: 10px; margin-top: 8px;">(Consumes 1)</span></div>'>> <<set $spycamCount -= 1>> <<set $spycamPlantedCharlotte = true>> <<set $questSpycam = "wait_3_days">> <<set $dayCharlotteCamPlanted = $dayCount>> <!-- Instantly refreshes the room to hide the button and update the log --> <<goto "CharlottesRoomPassage">> <</link>> <<else>> <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 240px; border-radius: 16px; background: #111; border: 1px solid #555; box-shadow: 0 10px 25px rgba(0,0,0,0.5); opacity: 0.6; cursor: not-allowed;"> <span style="font-size: 45px; margin-bottom: 15px; filter: grayscale(100%);">📸</span> <span style="color: #777; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">NO SPYCAMS</span> <span style="color: #ff5252; font-size: 10px; margin-top: 8px;">(Buy at Store)</span> </div> <</if>> <</if>> <!-- HALLWAY CARD --> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <!-- OUTPUT DIV --> <div id="charlotte-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px; font-family: sans-serif;"></div> </div> <!-- HIDDEN MAP LINKS --> <div style="display: none;"> [[HallwayPassage]] [[SearchCharlotteRoomPassage]] [[TalkToCharlottePassage]] </div> <</nobr>>
<<nobr>> <style> /* Main Room Picture Container */ .main-room-container { text-align: center; margin: 0 auto 20px auto; max-width: 650px; } .main-room-img { width: 100%; max-height: 380px; object-fit: cover; border-radius: 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); display: block; } /* Backyard Navigation Grid */ .backyard-grid { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; } /* Base Card Style */ .nav-card { position: relative; width: 150px; height: 220px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); transition: transform 0.2s ease, box-shadow 0.2s ease; display: block; } /* Active Hover Effect */ .nav-card.active:hover { transform: translateY(-6px); box-shadow: 0 8px 25px rgba(223, 186, 107, 0.4); } /* Image Centering */ .nav-card img { width: 100%; height: 100%; object-fit: cover !important; object-position: center center !important; display: block; } /* Label Styling */ .nav-card-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 8px 12px; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 65%, transparent 100%); text-align: center; font-size: 11px; font-weight: bold; color: #dfba6b; letter-spacing: 1.5px; text-transform: uppercase; } /* Locked Card Style */ .nav-card.locked { filter: grayscale(85%) brightness(0.5); cursor: not-allowed; } .locked-text { color: #ff5252; display: block; font-size: 10px; margin-top: 4px; letter-spacing: 1px; } </style> <div style="text-align: center; padding: 10px;"> <h2 style="color: #fff; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px;">BACKYARD</h2> <!-- DYNAMIC MAIN ROOM IMAGE --> <div class="main-room-container"> <<if $backyardUpgraded>> <!-- UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Upgraded backyard night.jpg" class="main-room-img" alt="Upgraded Backyard Night"> <<else>> <img src="images/Upgraded backyard.png" class="main-room-img" alt="Upgraded Backyard Day"> <</if>> <<else>> <!-- OLD / NOT UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Backyard night.jpg" class="main-room-img" alt="Old Backyard Night"> <<else>> <img src="images/Backyard.jpg" class="main-room-img" alt="Old Backyard Day"> <</if>> <</if>> </div> <!-- ACTION BUTTONS GRID --> <div class="backyard-grid"> <!-- 1. SWIM IN POOL --> <<if $backyardUpgraded>> <a data-passage="SwimPool" class="nav-card active"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label">SWIM IN POOL</div> </a> <<else>> <div class="nav-card locked"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label"> SWIM IN POOL<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <!-- 2. SUNBATHE --> <<if $backyardUpgraded>> <a data-passage="SunbathePassage" class="nav-card active"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label">SUNBATHE</div> </a> <<else>> <div class="nav-card locked"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label"> SUNBATHE<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <a data-passage="HallwayPassage" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> </div> <</nobr>>
<<nobr>> <<if not $currentOutfit or $currentOutfit eq "" or not $equippedShoes or $equippedShoes eq "">> <div style="background: #14141d; border: 1px solid #e91e63; border-radius: 12px; padding: 30px; text-align: center; max-width: 500px; margin: 40px auto;"> <h3 style="color: #e91e63; margin-top: 0;">⚠️ Stop! You can't go outside like this!</h3> <p style="color: #ddd; font-size: 14px; margin-bottom: 20px;">You need to be wearing both an outfit and shoes before stepping out of the house.</p> <<link "Go back inside (Hallway)" "HallwayPassage">><</link>> </div> <<else>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 30px;">CITY MAP</h2> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 620px; margin: 0 auto;"> <!-- GYM --> <a data-passage="Gym" class="room-btn" style="background-image: url('images/Gym.webp');"> <div class="room-btn-label">GYM</div> </a> <!-- OFFICE --> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if $time is "Evening" or $time is "Night" or _currentDay is "Saturday" or _currentDay is "Sunday">> <a class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (CLOSED)</div> </a> <<elseif $hasJob eq true>> <a data-passage="Office" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg');"> <div class="room-btn-label">OFFICE</div> </a> <<else>> <a data-passage="OutsidePassage" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(40%);"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (LOCKED)</div> </a> <</if>> <!-- HOSPITAL --> <a data-passage="Hospital" class="room-btn" style="background-image: url('images/emergency.jpg');"> <div class="room-btn-label">HOSPITAL</div> </a> <!-- MALL --> <<if $time is "Evening" or $time is "Night">> <a class="room-btn" style="background-image: url('images/mall exterior.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 MALL (CLOSED)</div> </a> <<else>> <a data-passage="Mall" class="room-btn" style="background-image: url('images/mall exterior.jpg');"> <div class="room-btn-label">MALL</div> </a> <</if>> <!-- BROTHEL --> <a data-passage="Brothel" class="room-btn" style="background-image: url('images/brothel.avif');"> <div class="room-btn-label">BROTHEL</div> </a> <!-- DARK ALLEY --> <a data-passage="DarkAlleySub" class="room-btn" style="background-image: url('images/Dark alley.jpeg');"> <div class="room-btn-label">DARK ALLEY</div> </a> <!-- NIGHTCLUB --> <a data-passage="NightClub" class="room-btn" style="background-image: url('images/Nightclub.jpg');"> <div class="room-btn-label">NIGHTCLUB</div> </a> <!-- NEIGHBOR HOUSE --> <a data-passage="Neighbor" class="room-btn" style="background-image: url('images/neighbor house.webp');"> <div class="room-btn-label">NEIGHBOR</div> </a> <!-- BACK BUTTON (OUR HOUSE) --> <<if $houseUpgraded>> <!-- UPGRADED MANSION --> <a data-passage="HallwayPassage" class="room-btn" style="background-image: url('images/Upgraded house.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">BACK HOME</div> </a> <<else>> <!-- OLD HOUSE (Change the URL below to your old house picture) --> <a data-passage="HallwayPassage" class="room-btn" style="background-image: url('images/House.jpg'); border: 2px solid #555;"> <div class="room-btn-label">BACK HOME</div> </a> <</if>> <div style="display: none;"> [[Mall]] [[Gym]] [[Hospital]] [[Office]] [[Brothel]] [[DarkAlleySub]] [[NightClub]] [[Neighbor]] </div> </div> <</if>> <</nobr>>
<<nobr>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <div style="width: 100%; height: 380px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Watch tv.gif" style="width:60%; height:100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You stretch out on the designer couch and watch TV to pass the time. </p> <p style="color: #dfba6b; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Time Passes... </p> <a data-passage="LivingRoomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO LIVING ROOM </a> </div> <div style="display: none;"> [[LivingRoomPassage]] </div> <</nobr>>
<<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 15, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- SHOWER GIF / VIDEO CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if ($showerStage || 0) is 1>> <!-- STAGE 1 GIF --> <img src="images/shower2.gif" style="width: 100%; height: 100%; object-fit: cover;"> <<else>> <!-- STAGE 0 GIF --> <img src="images/shower1.gif" style="width: 100%; height: 100%; object-fit: cover;"> <</if>> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You take a long, hot shower to refresh yourself. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +15 | Time Passes... </p> <a data-passage="BathroomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO BATHROOM </a> </div> <div style="display: none;"> [[BathroomPassage]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 1100px; margin: 20px auto; text-align: center;"> <h2 style="color: #fff; font-family: sans-serif; letter-spacing: 3px; margin-bottom: 25px; text-transform: uppercase; font-size: 18px;">MIRROR REFLECTION</h2> <!-- 5 BODY PARTS GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 30px;"> <!-- 1. FACE (Fixed: Removed old quest block) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">FACE</span> <<if $dayCount - $faceShavedDay <= 10>> <img src="images/Shaved face.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Face 1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 2. CHEST (Fixed: Removed old quest block) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">CHEST</span> <<if $dayCount - $chestShavedDay <= 10>> <img src="images/Chest 1.webp" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Chest 2.avif" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 3. LEGS --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">LEGS</span> <<if $dayCount - $legShavedDay <= 10>> <img src="images/Legs 2.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Legs 1.webp" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 4. PENIS (Overrides to Cage pic if equipped) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">PENIS</span> <<if $equippedCage is true>> <img src="images/Penis 2.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<elseif $dayCount - $crotchShavedDay <= 10>> <img src="images/Penis1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Penis3.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> <!-- 5. ASS (Overrides to Plug pic if equipped) --> <div style="width: 190px; background: #161620; border-radius: 12px; padding: 12px; border: 1px solid #333;"> <span style="color: #dfba6b; font-size: 11px; font-weight: bold; letter-spacing: 1.5px; display: block; margin-bottom: 10px; text-transform: uppercase;">ASS</span> <<if $equippedPlug is true>> <img src="images/Ass2.png" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<elseif $dayCount - $assShavedDay <= 10>> <img src="images/Ass1.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <<else>> <img src="images/Ass3.jpg" style="width: 100%; height: 220px; object-fit: cover; border-radius: 8px;"> <</if>> </div> </div> <a data-passage="BathroomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO BATHROOM </a> </div> <div style="display: none;"> [[BathroomPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 20, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- EAT GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Eatin.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You grab a quick bite to eat at the counter and recharge. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +20 | Time Passes... </p> <a data-passage="KitchenPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- Subtracts 10 Energy --> <<set $energy = Math.max(($energy || 0) - 10, 0)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- CLEAN GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/dish-washer-sponge-bop.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You wipe down the pristine surfaces and keep the kitchen spotless. </p> <!-- STAT UPDATE UI BOX (Standardized Size) --> <div style="text-align: center; margin-top: 30px; margin-bottom: 25px; padding: 15px; background: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px;"> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -10</span> </div> <a data-passage="KitchenPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.max(($energy || 0) - 5, 0)>> <<set _roll = random(1, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <<if _roll <= 4>> <!-- 1. VIBRATOR --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: PINK VIBRATOR</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Vibrator.png" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"A slick, wand-style vibrator hidden under her pillow... holding it makes my heart beat fast."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Steal it and keep it (Fem +1)" "SearchCharlotteRoomResultPassage">> <<set $jackFemininity += 1>> <<set $hasVibrator = true>> <<set $resultTitle = "Stole Pink Vibrator">> <<set $resultText = "You quickly slip the pink vibrator into your pocket and smooth out her pillow. Your heart pounds as you steal it away to your bedroom stash.">> <<set $showFemBox = true>> <</link>> <<link "Put it back carefully" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Left Vibrator Alone">> <<set $resultText = "You slide the vibrator back under the pillow exactly as you found it, trying not to linger on the thought of using it.">> <</link>> </div> <<elseif _roll <= 35>> <!-- CASH --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: LOOSE CASH ($20)</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Cash.jpg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"She left some cash lying around on the nightstand. She probably wouldn't notice if a little went missing..."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Pocket the $20 (+ $20)" "SearchCharlotteRoomResultPassage">> <<set $money += 20>> <<set $resultTitle = "Stole $20 Cash">> <<set $resultText = "You quietly pocket the twenty dollar bill from her nightstand. Money is money!">> <<set $showMoneyBox = true>> <</link>> <<link "Leave the money alone" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Left Money Alone">> <<set $resultText = "You decide not to take her cash and leave the bill untouched on the stand.">> <</link>> </div> <<elseif _roll <= 65>> <!-- Panties --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: PANTIES</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Cummed panties.jpg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"On the bed you notice a pair of panties full of cum... holding them makes a warm feeling spread through me."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Sniff and keep a pair (Fem +1)" "SearchCharlotteRoomResultPassage">> <<set $jackFemininity += 1>> <<set $hasPanties = true>> <<set $resultTitle = "Stole Panties">> <<set $resultText1 = "You press the delicate, soft crotch of her silky panties directly against your face, deeply inhaling the intoxicating, warm female musk left while jerking off, before hastily stuffing the worn lace into your pocket.">> <<set $resultVideo = " videos/pANTY SNIFF.webm">> <<set $resultText2 = "The filthy, forbidden thought of sliding her tight, naughty undies over your own hips makes your skin tingle with electric arousal. You can now equip Charlotte's lingerie from your Wardrobe!">> <<set $showFemBox = true>> <</link>> <<link "Fold them neatly and put them back" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Put Panties Back">> <<set $resultText = "You throw the panties and leave.">> <</link>> </div> <<else>> <!-- USED CONDOM --> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;">FOUND: USED CONDOM</h3> <div style="width: 100%; height: auto; display: block;"> <img src="images/Used condom.jpeg" style="width: 100%; height: 100%; object-fit: cover;"> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">"A freshly used condom sitting right in her trash bin... someone was definitely in here with her recently..."</p> </div> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <<link "Examine it closely (Cuck +1)" "SearchCharlotteRoomResultPassage">> <<set $jackCuck += 1>> <<set $resultTitle = "Inspected Used Condom">> <<set $resultText1 = "You lift the slick, stretched-out latex between your fingers, closely inspecting the pool of fresh, sticky semen sloshing at the tip while imagining the dirty, breathless pounding she took right here in her bed.">> <<set $resultVideo1 = "videos/Condom4.webm">> <<set $resultVideo2 = "videos/Condom5.webm">> <<set $resultText2 = "The humiliating realization that your young stepdaughter is getting stretched out and creampied by horny strangers in your own home sends a wave of intense excitement straight to your groin.">> <<set $showCuckBox = true>> <</link>> <<link "Gross! Throw it back in the bin" "SearchCharlotteRoomResultPassage">> <<set $resultTitle = "Threw Condom Away">> <<set $resultText = "Grossed out, you drop it back into the bottom of her trash bin.">> <</link>> </div> <</if>> </div> <div style="display: none;"> [[SearchCharlotteRoomResultPassage]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h3 style="color: #dfba6b; font-family: sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; margin-bottom: 20px;"> $resultTitle </h3> <!-- 1. FIRST TEXT BOX --> <<if $resultText1>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 20px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText1 </p> </div> <</if>> <<if $resultText>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 20px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText </p> </div> <</if>> <!-- FIRST VIDEO (Snug Portrait Player) --> <<if $resultVideo1>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo1" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <<elseif $resultVideo>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <</if>> <!-- SECOND VIDEO (Snug Portrait Player) --> <<if $resultVideo2>> <div style="display: flex; justify-content: center; margin-bottom: 20px;"> <video @src="$resultVideo2" controls autoplay muted playsinline style="max-width: 280px; max-height: 480px; width: auto; height: auto; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.7); display: block;"></video> </div> <</if>> <!-- 4. SECOND TEXT BOX --> <<if $resultText2>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 18px 22px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> $resultText2 </p> </div> <</if>> <!-- FEMININITY UI BOX --> <<if $showFemBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +1</span> </div> <<set $showFemBox = false>> <</if>> <!-- CUCK UI BOX (YELLOW) --> <<if $showCuckBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 235, 59, 0.1); border: 1px solid #ffeb3b; border-radius: 8px;"> <span style="color: #ffeb3b; font-weight: bold; font-size: 18px; letter-spacing: 1px;">+1 CUCK</span> </div> <<set $showCuckBox = false>> <</if>> <!-- MONEY UI BOX (GREEN) --> <<if $showMoneyBox>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4CAF50; border-radius: 8px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 18px; letter-spacing: 1px;">MONEY +$20</span> </div> <<set $showMoneyBox = false>> <</if>> <!-- RETURN BUTTON --> <<link "RETURN TO CHARLOTTE'S ROOM" "CharlottesRoomPassage">> <<unset $resultVideo>> <<unset $resultVideo1>> <<unset $resultVideo2>> <<unset $resultImg>> <<unset $resultText>> <<unset $resultText1>> <<unset $resultText2>> <</link>> </div> <div style="display: none;"> [[CharlottesRoomPassage]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: left; font-family: sans-serif;"> <!-- ============================================== --> <!-- LAYER 1: IS SHE SLEEPING? --> <!-- ============================================== --> <!-- BULLETPROOF CHECK: We add the new Day Stamp logic here! --> <<if $time == "Late Night" or $time == "Midnight" or $time == "Sleep" or ($time == "Night" and $angelaLastTalkDay == $dayCount)>> <div style="text-align: center;"> <p style="color: #ddd; font-style: italic; font-size: 15px; margin-bottom: 25px;"> You peek into Angela's room, but the lights are off. She is already fast asleep in bed. You should come back tomorrow. </p> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 2: IS SHE NOT IN HER ROOM AT ALL? --> <!-- ============================================== --> <<elseif $time != "Night">> <div style="text-align: center;"> <p style="color: #ddd; font-style: italic; font-size: 15px; margin-bottom: 25px;"> Angela isn't in her bedroom right now. </p> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 3: THE MAIN REPEATABLE MENU --> <!-- ============================================== --> <<elseif $angelaQuest2Complete is true>> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/angela-white-shiny-goddess.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <p style="color: #ddd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"> You step into Angela's bedroom. She sets aside what she was doing and gives you a welcoming, expectant look. </p> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Time to put you through your paces, sissy. </div> </div> </div> <!-- INTERACTION MENU OPTIONS --> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center;"> <a data-passage="AngelaJerkPassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Let Her Jerk You </a> <a data-passage="AngelaLickPassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Lick Her </a> <!-- FUCK HER OPTION --> <<if $questKendraPlug is "completed">> <a data-passage="AngelaFuckPassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Fuck Her </a> <<else>> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1px; cursor: not-allowed; font-size: 13px;"> 🔒 Requires: Boss's Toy Quest </div> <</if>> <!-- PROSTATE MILKING OPTION --> <<if $questKendraPlug is "completed">> <a data-passage="AngelaProstatePassage" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(255, 255, 255, 0.05); color: #e91e63; border: 1px solid #e91e63; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; box-shadow: 0 0 10px rgba(233,30,99,0.2);"> Prostate Milking </a> <<else>> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1px; cursor: not-allowed; font-size: 13px;"> 🔒 Requires: Boss's Toy Quest </div> <</if>> </div> <div style="text-align: center; margin-top: 35px;"> <<link "Leave her be" "MainHub">><</link>> </div> <!-- ============================================== --> <!-- LAYER 4: FIRST TIME JOB QUEST TRIGGER --> <!-- ============================================== --> <<elseif $hasJob is true>> <<set $angelaQuest2Complete = true>> <<set $angelaLastTalkDay = $dayCount>> <<goto "AngelaEvent1">> <!-- ============================================== --> <!-- LAYER 5: HAS NOT FOUND A JOB YET --> <!-- ============================================== --> <<else>> <p style="color: #ddd;">Angela looks up from her reading, looking slightly stressed.</p> <p style="color: #ffb4a2; font-style: italic;">"Hey... shouldn't you be looking for a job on the PC right now?"</p> <div style="text-align: center; margin-top: 35px;"> [[Right, I'll get on that|MainHub]] </div> <</if>> </div> <!-- HIDDEN MAP LINKS --> <div style="display: none;"> [[AngelaJerkPassage]] [[AngelaLickPassage]] [[AngelaFuckPassage]] [[AngelaProstatePassage]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_angela_secretary_event to true>> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into the room with a smile on your face </p> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Someone looks happy. </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, I found a job in a major corporation as a secretary. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> A secretary huh? Well yeah, that suits you. </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You notice a sharp shift in her demeanor. The supportive smile drops entirely, replaced by a cold, calculating look that instantly makes you feel incredibly small. Her tone drips with heavy condescension, treating your new job not as a real accomplishment, but as the pathetic scrambling of a subservient pet finally learning to follow basic commands. The humiliating realization that she is actively looking down on you sends a strange, submissive thrill down your spine. </p> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Well, I guess you earned a reward, come here </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> She starts unziping your pants. Seconds later you feel her warm mouth around your penis. </p> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas blowjob 1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I cant take it anymore, fuck me nowww. </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> you slide your dick inside and start ramming her as hard as you can. </p> </div> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Harder, harderrr... </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Im cuminggg. </div> </div> </div> <!-- VIDEO PLACEHOLDER 3 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 3.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> whatt? already? it hasnt been a minute you useless piece of shit. </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Im sorry angela but your too hot couldnt hold myself. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I dont care i need to cum, come here and lick me </div> </div> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> lick you? but my cum is still inside you. </div> </div> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I dont fucking care put that tounge to use or I will throw you outta the bedroom </div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You hesitantly lower your head closer to her pussy. The smell is strong and stinchy, immediately filling your senses as the reality of the situation settles in. </p> </div> <!-- VIDEO PLACEHOLDER 4 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/event 4.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE BOX (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> yes yes, good boy lick that pussy. Ahhhhh am cumming. </div> </div> </div> <!-- BOTTOM GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_bottom.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> A mix of shock and disbelief washes over you as you realize what just happened. You can't believe you just ate your own cum. </p> </div> /* 2. THE STAT SHIELD (Blocks stats and quests if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI --> <!-- FEMININITY BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +5</span> </div> <!-- ANGELA'S DOMINATION BOX --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA'S DOMINATION +5</span> </div> <<set $jackFemininity += 5>> <<set $angelaDomination += 5>> <!-- Fixes the old quest so it disappears --> <<set $questAngela = "completed">> <!-- Starts the timer at 0 so it waits 1 full day --> <<set $angelaQuestCompleted = true>> <<set $daysSinceAngelaQuest = 0>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: left; margin-top: 35px;"> [[Next|MainHub]] </div> <</if>> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #0b0c10 !important; } </style> <div style="background: #1a1a24; border-radius: 16px; padding: 30px; border: 1px solid #444; max-width: 700px; margin: 20px auto;"> <h2 style="color: #00bcd4; text-align: center; letter-spacing: 2px; margin-top: 0; text-transform: uppercase;">IRONFORGE GYM</h2> <img src="images/GymReception.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <!-- ONE-TIME PURCHASE DIALOGUE --> <<if $justBoughtGymPass>> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarMandy" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Mandy"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Mandy</div> <div style="color: #eee; font-size: 14px;">All set, cutie. Don't hurt yourself out there on the floor. Let me know if you need help stretching after.</div> </div> </div> <<set $justBoughtGymPass = false>> <</if>> <div id="gym-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- Membership Check --> <<if $gymExpiryDay > $dayCount>> <div style="text-align: center; color: #2ed573; font-weight: bold; margin-bottom: 25px;"> Membership Active: <<print ($gymExpiryDay - $dayCount)>> days remaining. </div> <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;"> <!-- Locker Room --> <div style="background: #111; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Locker Room</div> <<link '<img src="images/LockerRoom.jpg" style="width: 100%; height: 100px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;">' "WardrobePassage">><</link>> <div style="color: #888; font-size: 12px; margin-top: 8px;">Change Clothes</div> </div> <!-- Workout Button (SWEAT RESTRICTION REMOVED) --> <div style="background: #111; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Workout</div> <<link '<img src="images/GymFloor.jpg" style="width: 100%; height: 100px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $currentOutfit isnot "Men's Tracksuit" and $currentOutfit isnot "Yoga Set">> <<replace "#gym-msg">>You can't train! (Requires: Tracksuit or Yoga Set)<</replace>> <<elseif $equippedShoes isnot "Men's Running Shoes" and $equippedShoes isnot "Women's Running Shoes">> <<replace "#gym-msg">>You can't train! (Requires: Running Shoes)<</replace>> <<elseif $energy < 30>> <<replace "#gym-msg">>You are too exhausted to train! Rest up.<</replace>> <<else>> <<goto "GymFloor">> <</if>> <</link>> <div style="color: #ff5252; font-size: 12px; margin-top: 8px; font-weight: bold;">-30 Energy</div> </div> <!-- Showers --> <div style="background: #111; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Showers</div> <<link '<img src="images/GymShower.jpg" style="width: 100%; height: 100px; object-fit: cover; border-radius: 8px; border: 2px solid #4fc3f7;">'>> <<if $jackSweaty is true>> <<goto "GymShower">> <<else>> <<replace "#gym-msg">>You are already clean.<</replace>> <</if>> <</link>> <<if $jackSweaty is true>> <div style="color: #ff5252; font-size: 12px; margin-top: 8px; font-weight: bold; animation: pulse 1.5s infinite;">MUST SHOWER</div> <<else>> <div style="color: #888; font-size: 12px; margin-top: 8px;">Wash off sweat</div> <</if>> </div> </div> <div style="text-align: center; color: #888; font-size: 13px; font-style: italic; margin-top: 25px;"> * Note: Every 20 Fitness points increases your Max Energy by 10. </div> <<else>> <!-- No Membership Active --> <div style="text-align: center; color: #ff5252; font-weight: bold; margin-bottom: 20px;"> No active membership. </div> <div style="display: flex; justify-content: center;"> <div style="background: #111; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 200px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">7-Day Pass</div> <<link '<img src="images/GymPass.jpg" style="width: 100%; height: 100px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;">'>> <<if $money >= 500>> <<set $money -= 500>> <<set $gymExpiryDay = $dayCount + 7>> <<set $justBoughtGymPass = true>> <<goto "Gym">> <<else>> <<replace "#gym-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #2ed573; margin-top: 10px; font-weight: bold;">Price: $500</div> </div> </div> <</if>> <!-- EXIT LOGIC (LOCKED IF SWEATY) --> <div style="text-align: center; margin-top: 40px;"> <<if $jackSweaty is true>> <span style="display: inline-block; padding: 12px 30px; background: #333; color: #666; border-radius: 8px; font-weight: bold; letter-spacing: 1px; cursor: not-allowed;"> MUST SHOWER TO LEAVE </span> <<else>> <a data-passage="OutsidePassage" style="display: inline-block; padding: 12px 30px; background: #00bcd4; color: #111; border-radius: 8px; font-weight: bold; text-decoration: none; letter-spacing: 1px;"> LEAVE GYM </a> <</if>> </div> </div> <div style="display: none;"> [[OutsidePassage]] [[WardrobePassage]] [[GymFloor]] [[GymShower]] </div> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <<if $officeIntroDone>> <<goto "OfficeHub">> <<elseif not $hasJob>> <!-- 1. CHECK IF HE HAS APPLIED YET --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">ACCESS DENIED</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You stands outside the corporate building, but he has no reason to be here yet.</p> <p> Use his computer at home to apply for a position before showing up.</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage">><</link>> </div> <<elseif $time neq "Morning">> <!-- 2. CHECK IF HE IS SHOWING UP IN THE MORNING --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You can only attend your first day at the office in the morning.</p> <p>It's too late in the day now. Head back home and come back tomorrow!</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage">><</link>> </div> <<else>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">FIRST DAY OF WORK</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <!-- OPTIONAL STORY IMAGE 1 --> <img src="images/Lobby.avif" style="width: 100%; border-radius: 8px; display: block;" alt="Lobby"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You enter the office building; the massive, luxurious lobby takes your breath away for a moment before the receptionist points you toward the manager's office. </p> </div> <!-- JACK / PLAYER (GREY) --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Hello, sir. I'm <<print $playerName>>, and I'm here for my interview.</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Startled by your sudden entry, the manager quickly scrambles to adjust his seat and lower his shirt, leaving you wondering what he was just doing. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Manager Tyron</div> <div style="color: #eee; font-size: 14px;">Jesus, man! Can't you knock on the fucking door before entering?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Oh, I'm so sorry, sir, but the receptionist told me—</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Before you can finish your sentence, he cuts you off. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Just get it over with. You'll be assigned as a secretary for Kendra. She's waiting for you on the third floor.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Okay, sir. I'll head up there now. I'm sorry if I—</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> He cuts you off again, his tone turning much more aggressive this time. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Just get the fuck outta my office.</div> </div> </div> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Scared, you rush out of the office and head toward the elevator, not really understanding what just happened. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">That skinny bitch almost caught us.</div> </div> </div> <!-- WOMAN DIALOGUE --> <div style="background-color: rgba(233, 30, 99, 0.15); border: 2px solid #e91e63; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarWoman" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;" alt="Woman"> </div> <div> <div style="color: #e91e63; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Woman</div> <div style="color: #eee; font-size: 14px;">Yes, that was close, sir.</div> </div> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Back to sucking, bitch.</div> </div> </div> <!-- VIDEO SECTION (NO BOX, NO TITLE) --> <video controls style="width: 100%; border-radius: 8px; display: block; margin: 5px 0;"> <source src="videos/Desk blowjob.webm" type="video/webm"> Your browser does not support the video tag. </video> <!-- NEXT BUTTON UNDER VIDEO --> <div style="text-align: center; margin-top: 15px;"> <<link "Continue to the third floor..." "OfficePart2">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficePart2]] </div> <</if>> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">THE MALL</h2> <!-- MAIN MALL IMAGE --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/mall.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <!-- SHOP --> <a data-passage="SHOP" class="room-btn" style="background-image: url('images/SHOP EXTERIOR.webp');"> <div class="room-btn-label">SHOP</div> </a> <!-- ADULT SHOP --> <a data-passage="ADULTSHOP" class="room-btn" style="background-image: url('images/Adultshop.webp');"> <div class="room-btn-label">ADULT SHOP</div> </a> <!-- ELECTRONICS SHOP --> <a data-passage="ELECTRONICSSHOP" class="room-btn" style="background-image: url('images/ELECTRONICS EXTERIOR.png');"> <div class="room-btn-label">ELECTRONICS STORE</div> </a> <!-- BOUTIQUE --> <a data-passage="BOUTIQUE" class="room-btn" style="background-image: url('images/CLOTHINGSTORE EXTERIOR.avif');"> <div class="room-btn-label">BOUTIQUE</div> </a> <!-- EXIT TO CITY --> <a data-passage="OutsidePassage" class="room-btn" style="background-image: url('images/outside.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">EXIT TO CITY</div> </a> </div> <!-- HIDDEN BACKEND LINKS: This forces Twine to register the passages and draw map lines without cluttering your UI --> <div style="display: none;"> [[SHOP]] [[ELECTRONICSSHOP]] [[ADULTSHOP]] [[BOUTIQUE]] [[OutsidePassage]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">ADULT SHOP</h2> <img src="images/ADULTSHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Message Box for errors or thoughts --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Buttplug --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Buttplug</div> <<if $hasButtplug>> <img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <<if $questKendraPlug isnot "active">> <<replace "#shop-msg">>"Why would I want that? I have no use for this..."<</replace>> <<elseif $money >= 100>> <<set $money -= 100>> <<set $hasButtplug = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $100</div> <</if>> </div> <!-- Chastity Cage --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Chastity Cage</div> <<if $hasCage>> <img src="images/Chastity cage.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Chastity cage.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <<if !$questCage>> <<replace "#shop-msg">>"A cage? Yeah right, I'm not buying that."<</replace>> <<elseif $money >= 200>> <<set $money -= 200>> <<set $hasCage = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $200</div> <</if>> </div> <!-- Vibrator --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Vibrator</div> <<if $hasVibrator>> <img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <<if !$questVibrator>> <<replace "#shop-msg">>"I don't need a vibrator. Why would I buy this?"<</replace>> <<elseif $money >= 251>> <<set $money -= 250>> <<set $hasVibrator = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $250</div> <</if>> </div> <!-- Dildo --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Dildo</div> <<if $hasDildo>> <img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <<if !$questDildo>> <<replace "#shop-msg">>"No way. I'm definitely not buying a dildo..."<</replace>> <<elseif $money >= 300>> <<set $money -= 300>> <<set $hasDildo = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $300</div> <</if>> </div> <!-- Fleshlight (ALWAYS AVAILABLE) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Fleshlight</div> <<if $hasStroker>> <img src="images/Fleshlight.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Fleshlight.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <<if $money >= 250>> <<set $money -= 250>> <<set $hasStroker = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $250</div> <</if>> </div> <!-- Sex Machine (NEW) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Fucking Machine</div> <<if $hasSexMachine>> <img src="images/SexMachine.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/SexMachine.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff69b4;">'>> <!-- ADDED QUEST CHECK TO PREVENT PURCHASE --> <<if !$questSexMachine>> <<replace "#shop-msg">>"Why would I do that?"<</replace>> <<elseif $money >= 1500>> <<set $money -= 1500>> <<set $hasSexMachine = true>> <<goto "ADULTSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $1500</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link '<div style="display: inline-block; padding: 10px 30px; background: #1a1a24; color: #fff; border: 1px solid #555; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">RETURN TO MALL</div>' "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #e91e63; max-width: 700px; margin: 20px auto;"> <h2 style="color: #e91e63; text-align: center; letter-spacing: 2px; margin-top: 0;">BOUTIQUE</h2> <img src="images/Clothingstore.avif" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Message Box --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- ======================= --> <!-- SECTION: UNDERWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Lingerie & Underwear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Silky Panties (Always available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Panties</div> <<if $hasPanties>> <img src="images/Panties.jpeg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Panties.jpeg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if $money >= 40>> <<set $money -= 40>> <<set $hasPanties = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $40</div> <</if>> </div> <!-- Bra (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Bra</div> <<if $hasBra>> <img src="images/Bra.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Bra.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Why would I buy a bra? I don't even have boobs."<</replace>> <<elseif $money >= 50>> <<set $money -= 50>> <<set $hasBra = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $50</div> <</if>> </div> <!-- Pantyhose (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Pantyhose</div> <<if $hasPantyhose>> <img src="images/leggings.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/leggings.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Pantyhose? I'm definitely not wearing women's nylons..."<</replace>> <<elseif $money >= 30>> <<set $money -= 30>> <<set $hasPantyhose = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $30</div> <</if>> </div> <!-- Lingerie Set (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Lingerie Set</div> <<if $hasLingerie>> <img src="images/Lingerie.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Lingerie.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Full lingerie? That's way too extreme for me right now..."<</replace>> <<elseif $money >= 80>> <<set $money -= 80>> <<set $hasLingerie = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: SPORTSWEAR --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Sportswear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Men's Sportswear (Always Available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Men's Tracksuit</div> <<if $hasMensSport>> <img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $money >= 100>> <<set $money -= 100>> <<set $hasMensSport = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> <!-- Women's Yoga Outfit (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Women's Yoga Set</div> <<if $hasWomensSport>> <img src="images/Yoga set.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Yoga set.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Tight yoga pants? I couldn't wear those outside..."<</replace>> <<elseif $money >=120>> <<set $money -= 120>> <<set $hasWomensSport = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $70</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: SHOES --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Shoes</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Men's Sneakers (Always Available) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Men's Running Shoes</div> <<if $hasMensShoes>> <img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #8e44ad;">'>> <<if $money >= 80>> <<set $money -= 80>> <<set $hasMensShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> <!-- Women's Running Shoes (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Women's Shoes</div> <<if $hasWomensRunningShoes>> <img src="images/Women runnings shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Women runnings shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"Why would I buy women's running shoes? Mine work just fine..."<</replace>> <<elseif $money >= 60>> <<set $money -= 60>> <<set $hasWomensRunningShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $60</div> <</if>> </div> <!-- Women's Heels (Needs Quest) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Heels</div> <<if $hasWomensShoes>> <img src="images/Heels.png" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Heels.png" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$questWomenswear>> <<replace "#shop-msg">>"I don't think I could even walk in those..."<</replace>> <<elseif $money >= 80>> <<set $money -= 80>> <<set $hasWomensShoes = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $80</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: COSTUMES --> <!-- ======================= --> <h3 style="color: #e91e63; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Costumes</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Maid Outfit --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Maid Outfit</div> <<if $ownsMaidOutfit>> <img src="images/item_maid.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Maid outfit.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #e91e63;">'>> <<if !$maidOutfitUnlocked>> <<replace "#shop-msg">>"A French maid dress? No way I'm wearing that."<</replace>> <<elseif $money >= 150>> <<set $money -= 150>> <<set $ownsMaidOutfit = true>> <<goto "BOUTIQUE">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $150</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">CONVENIENCE STORE</h2> <img src="images/SHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #e91e63; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Razors --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Pack of Razors</div> <<link '<img src="images/Razors.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 15>> <<set $money -= 15>> <<set $razors += 1>> <<goto "SHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $15</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: $razors</div> </div> <!-- Energy Drink --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Energy Drink</div> <<link '<img src="images/Monster_Energy_drink_(cropped).jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 10>> <<set $money -= 10>> <<set $energy = Math.min($maxEnergy, $energy + 50)>> <<goto "SHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $10</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Restores 50 Energy</div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall">><</link>> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <h2 style="color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; text-align: center;">HOUSE UPGRADES</h2> <!-- DISPLAY CURRENT MONEY --> <div style="background: rgba(223, 186, 107, 0.1); border: 1px solid #dfba6b; border-radius: 8px; padding: 12px; text-align: center; margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px;"> CURRENT MONEY: $<span style="color: #fff;"><<print $money>></span> </span> <div style="color: #ff5252; font-size: 12px; font-style: italic; margin-top: 5px; letter-spacing: 0.5px;"> * Upgrading doesn't do anything yet. </div> </div> <!-- 1. CHARLOTTE'S ROOM ($8,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Charlotte's Room Upgrade — $8,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Fix up Charlotte's bedroom with a fresh coat of paint, clean bedding, and new furniture. </p> <<if $charlotteRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 8000>> <div style="text-align: center;"> <<button "Upgrade Charlotte's Room ($8,000)">> <<set $money -= 8000>> <<set $charlotteRoomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $8,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 2. BATHROOM ($12,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Bathroom Renovation — $12,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace old fixtures with modern tilework, an upgraded vanity, and a new glass shower stall. </p> <<if $bathroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 12000>> <div style="text-align: center;"> <<button "Upgrade Bathroom ($12,000)">> <<set $money -= 12000>> <<set $bathroomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $12,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- HALLWAY RENOVATION ($15,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Hallway Renovation — $15,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Modernize the shared hallway with clean flooring, fresh paint, and modern wall lighting. </p> <<if $hallwayUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 15000>> <div style="text-align: center;"> <<button "Upgrade Hallway ($15,000)">> <<set $money -= 15000>> <<set $hallwayUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $15,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 3. MAIN BEDROOM ($18,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Main Bedroom Remodel — $18,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace worn furniture with a king-size bed frame, elegant lighting, and new hardwood flooring. </p> <<if $bedroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 18000>> <div style="text-align: center;"> <<button "Upgrade Main Bedroom ($18,000)">> <<set $money -= 18000>> <<set $bedroomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $18,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 4. KITCHEN ($25,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Kitchen Overhaul — $25,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Install luxury marble countertops, custom cabinets, and top-of-the-line stainless steel appliances. </p> <<if $kitchenUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 25000>> <div style="text-align: center;"> <<button "Upgrade Kitchen ($25,000)">> <<set $money -= 25000>> <<set $kitchenUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $25,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 5. LIVING ROOM ($35,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Living Room Redesign — $35,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Furnish with modern leather seating, a high-end entertainment system, and full interior decoration. </p> <<if $livingRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 35000>> <div style="text-align: center;"> <<button "Upgrade Living Room ($35,000)">> <<set $money -= 35000>> <<set $livingRoomUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $35,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 6. BACKYARD ($50,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00e5ff; margin-top: 0; margin-bottom: 10px;">Backyard & Exterior — $50,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Full landscaping, private fencing, outdoor lounge furniture, and a patio area. </p> <<if $backyardUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 50000>> <div style="text-align: center;"> <<button "Upgrade Backyard ($50,000)">> <<set $money -= 50000>> <<set $backyardUpgraded = true>> <<set $houseUpgraded = true>> <<goto "UpgradeHousePassage">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $50,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- RETURN BUTTON --> <div style="text-align: left; margin-top: 30px;"> [[Back to Main Hub|MainHub]] </div> <</nobr>>
<<nobr>> <!-- CHARLOTTE DIALOGUE BOX (GREEN) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">What do you want?</div> </div> </div> <!-- RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> Interactions coming soon... </div> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 40px;"> <<link "Return" "CharlottesRoomPassage">><</link>> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 850px; margin: 20px auto;"> <h3 style="color: #ff5252; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin-top: 0; font-size: 22px;">BUSTED!</h3> <hr style="border-color: #333; margin-bottom: 25px;"> <!-- NARRATIVE --> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You hold your breath and take a quiet step into the pitch-black room. Just as you reach toward her dresser, your foot catches the edge of her rug. You stumble forward, knocking a glass off her nightstand. It hits the floor with a loud <b>CRASH</b>. </p> </div> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> The bedside lamp immediately clicks on, blinding you for a second. As your eyes adjust, you see Charlotte sitting up in bed, clutching the sheets to her chest. Her startled expression quickly melts into furious realization. </p> </div> <!-- CHARLOTTE DIALOGUE BOX (GREEN - MATCHING ANGELA'S STYLE) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">"What the hell?! What are you doing creeping around my room in the middle of the night?!"</div> </div> </div> <!-- JACK'S DIALOGUE BOX (MATCHING YOUR 2ND IMAGE) --> <div style="background-color: #444; border: 2px solid #aaa; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #ffeb3b;"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;"><<print $playerName>></div> <div style="color: #fff; font-size: 1em;">"I... uh... I thought I heard a weird noise. I was just checking to make sure everything was okay."</div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX (GREEN) --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 25px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">"In pitch black? wait... are those my panties? you fkn pervert stealing your own stepdaughters panties get the fuck out before i call mom."</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 15px 20px; border-radius: 6px; margin-bottom: 35px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You panic, dropping the underwear as you scramble back out into the hallway and slam the door shut behind you. Your face burns with utter humiliation. She caught you red-handed. </p> </div> <!-- EXIT BUTTON --> <div style="text-align: center;"> <<link '<span style="display: inline-block; background: #1a1a1a; color: #ff5252; font-weight: bold; padding: 14px 30px; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.2); text-transform: uppercase; letter-spacing: 1.5px; cursor: pointer;">Retreat to the Hallway</span>'>> <<goto "HallwayPassage">> <</link>> </div> </div> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">FIRST DAY OF WORK</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(Hmm... That was weird. I hope Mrs. Kendra isn't like that.)</div> </div> </div> <!-- ELEVATOR IMAGE --> <img src="images/Elevator.jpg" style="width: 100%; border-radius: 8px; display: block;" alt="Elevator"> <!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> On the third floor, you knock on Kendra's door. When she opens it, your mind is blown by how gorgeous her face is and how huge her cleavage is. </p> </div> <!-- KENDRA OFFICE IMAGE --> <img src="images/Kendra office.jpg" style="width: 100%; border-radius: 8px; display: block;" alt="Kendra Office"> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Come in, <<print $playerName>>. Make yourself comfortable.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Thank you, Ms. Kendra. I'm looking forward to working with you.</div> </div> </div> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Let's go over your duties: managing my calendar, organizing meetings, and handling whatever other tasks I might require. Your desk is right outside my door. Hours are Monday through Friday, full days, at a rate of $300 a day. Clear?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Uh, yes, ma'am..( What does she mean by whatever else she might require?)</div> </div> </div> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Head to your desk, then.</div> </div> </div> <!-- BUTTON TO CONTINUE --> <div style="text-align: center; margin-top: 20px;"> <<link "Step onto the office floor..." "OfficeHub">> <<set $officeIntroDone = true>> <<set $hasJob = true>> <<set $questWork = "completed">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <<if $time is "Evening" or $time is "Night">> <!-- THE "TOO LATE" FORCED EXIT SCREEN --> <div style="background: #0f0f15; border-radius: 16px; padding: 40px; border: 1px solid #ff5252; max-width: 600px; margin: 40px auto; text-align: center;"> <h2 style="color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE...</h2> <p style="color: #ddd; font-size: 16px; margin-bottom: 30px;">The office is closing up for the evening. Security tells you it's time to leave.</p> <!-- Button just in case they don't want to wait for the auto-redirect --> <<link "EXIT TO CITY" "OutsidePassage">><</link>> </div> <!-- This automatically sends them to OutsidePassage after 3.5 seconds! --> <<timed 3.5s>><<goto "OutsidePassage">><</timed>> <<else>> <!-- NORMAL DAYTIME OFFICE HUB (Only shows Morning/Noon/Afternoon) --> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">THE OFFICE</h2> <!-- MAIN OFFICE IMAGE --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- WARNING MESSAGE BOX (For Energy) --> <div id="office-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <!-- WORK DESK --> <<if $energy < 20>> <!-- LOCKED: TOO TIRED (Requires 20 Energy to work) --> <<link '<div class="room-btn" style="width: 180px; height: 250px; background-image: url(\'images/work.webp\'); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(100%); opacity: 0.8;"><div class="room-btn-label">WORK</div></div>'>> <<replace "#office-msg">>You are too tired! You need at least 20 Energy to work.<</replace>> <</link>> <<else>> <!-- OPEN FOR WORK --> <a data-passage="OfficeWorkPassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/work.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;"> <div class="room-btn-label">WORK</div> </a> <</if>> <!-- KENDRA'S OFFICE --> <<if $equippedBra is true and $equippedPanties is true and $faceShaved is true and ($dayCount - $legShavedDay) < 10 and ($dayCount - $chestShavedDay) < 10 and ($dayCount - $crotchShavedDay) < 10 and ($dayCount - $assShavedDay) < 10 and $questAngelaBra is "active">> <!-- TRAP 1: Hijacks the button to trigger the First Boss Event --> <a data-passage="KendraOfficeEvent" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; box-shadow: 0 0 15px rgba(255, 82, 82, 0.6);"> <div class="room-btn-label" style="color: #ff5252;">KENDRA'S OFFICE</div> </a> <<elseif $questKendraPlug is "active" and $equippedPlug is true>> <!-- TRAP 2: Hijacks the button to turn in the Buttplug Quest (STAGE 1) --> <a data-passage="KendraPlugReturnEvent" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; box-shadow: 0 0 15px rgba(76, 175, 80, 0.6);"> <div class="room-btn-label" style="color: #4caf50;">KENDRA'S OFFICE</div> </a> <<else>> <!-- NORMAL: Regular visit to her office --> <a data-passage="KendraOfficePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">KENDRA'S OFFICE</div> </a> <</if>> <!-- COWORKER DESK --> <a data-passage="CoworkerDeskPassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Lauren office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">COWORKER OFFICE</div> </a> <!-- MANAGER OFFICE --> <a data-passage="ManagerOfficePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/manager office.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;"> <div class="room-btn-label">MANAGER OFFICE</div> </a> <!-- EXIT TO CITY --> <a data-passage="OutsidePassage" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/outside.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 2px solid #d4af37;"> <div class="room-btn-label">EXIT TO CITY</div> </a> </div> <</if>> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[OfficeWorkPassage]] [[KendraPleaseEvent]] [[KendraPlugReturnEvent]] [[KendraOfficePassage]] [[CoworkerDeskPassage]] [[ManagerOfficePassage]] [[OutsidePassage]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Swimming Pool</h3> <<if $time is "Night">> <p>It's too dark and late out to go for a swim right now. You should come back tomorrow.</p> <<else>> <!-- Check if player has enough energy --> <<if $energy >= 30>> <!-- Deduct energy, add fitness, advance time --> <<set $energy -= 30>> <<set $jackFitness += 1>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You dive into the cool water and swim a few rigorous laps. It's exhausting, but you can feel yourself getting into better shape.</p> <!-- Placeholder for Main Image --> <img src="images/swimming.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notifications --> <p style="color: #4caf50; font-weight: bold; text-align: center;">[+] Fitness increased by 1!</p> <p style="color: #f44336; font-weight: bold; text-align: center;">[-] Energy decreased by 30.</p> <<else>> <!-- Fallback if energy is too low --> <p>You are far too exhausted to go swimming right now. You need at least 30 Energy.</p> <</if>> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Sunbathing</h3> <<if $time is "Night">> <p>The sun has already gone down. It's much too late for sunbathing.</p> <<else>> <!-- Add energy, prevent going over maxEnergy, advance time --> <<set $energy += 20>> <<if $energy > $maxEnergy>> <<set $energy = $maxEnergy>> <</if>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You lay out on a lounger and soak up the sun. The warmth is incredibly relaxing and gives you a nice boost of energy to keep going.</p> <!-- Placeholder for Main Image --> <img src="images/sunbathing.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notification --> <p style="color: #00e676; font-weight: bold; text-align: center;">[+] Energy increased by 20!</p> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 30px;">ACTIVE QUESTS</h2> <!-- PHASE 1: SECURE A JOB (CYAN) --> <<if def $questJob and $questJob is "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #00bcd4; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #00bcd4; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💼 Secure a Job</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Use the PC in your bedroom to find and apply for a job.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Apply for a job on your PC.</span></div> </div> <</if>> <!-- PHASE 2: UNLOCKED AFTER JOB APPLICATION --> <<if $hasJob>> <!-- QUEST: TALK TO ANGELA (CYAN) --> <<if def $questAngela and $questAngela is "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #00bcd4; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #00bcd4; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💬 Talk to Angela</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Talk to Angela in her bedroom at night.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Approach Angela at night.</span></div> </div> <</if>> <!-- QUEST: FIRST DAY AT WORK (YELLOW) --> <<if def $questWork and $questWork is "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ffeb3b; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ffeb3b; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🏢 First Day at Work</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Attend your first day at the office.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffeb3b; font-weight: normal;">Attend first day at work.</span></div> </div> <</if>> <</if>> <!-- PHASE 3: AFTER ANGELA'S FIRST QUEST --> <!-- QUEST: GO TO SLEEP (CHARLOTTE NIGHT EVENT - GREEN) --> <<if $daysSinceAngelaQuest == 1 and $questCharlotteNight isnot "completed">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #4caf50; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #4caf50; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🛏️ Get Some Rest</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">It's been a crazy day. Head to your bedroom and get some sleep.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Go to sleep.</span></div> </div> <</if>> <!-- CHARLOTTE AFTERMATH QUEST (GREEN) --> <<if $questCharlotteNight == "completed" and $dream2Done is false>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #4caf50; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #4caf50; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">👁️ Unsettling Discoveries</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">You can't get what you saw out of your head. Maybe getting some sleep will help clear your mind.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Go to sleep (<<if $dream1Done is false>>0/2 Nights<<else>>1/2 Nights<</if>>).</span></div> </div> <</if>> <!-- QUEST 5: THE TRUTH (GREEN) --> <<if $dream2Done is true and $questSpycam isnot "completed">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #4caf50; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #4caf50; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🎥 The Truth</div> <!-- STAGE 1: BUY AND PLANT --> <<if $questSpycam == "buy_plant">> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">You need to know what Charlotte is doing behind closed doors. Buy a Spycam from the Electronics Store and plant it in her room.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Plant a Spycam in Charlotte's Room.</span></div> <!-- STAGE 2: GATHER EVIDENCE (WAIT 3 DAYS) --> <<elseif $questSpycam == "wait_3_days">> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">The camera is planted and hidden. Now you just need to wait and let it record so you can gather hard evidence against her.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Wait for 3 days. (<<print $dayCount - $dayCharlotteCamPlanted>> / 3 Days Passed)</span></div> <!-- STAGE 3: WATCH THE FEED --> <<elseif $questSpycam == "watch_feed">> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">It's been 3 days. Charlotte should have brought someone home by now. Check the Live Cam app on your phone tonight to see what you caught.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Check the Charlotte Cam on your phone.</span></div> <!-- STAGE 4: CONFRONT ANGELA --> <<elseif $questSpycam == "tell_angela">> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">You have the footage. You need to show Angela what her daughter is bringing into this house immediately.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Talk to Angela in the Main Bedroom at Night.</span></div> <</if>> </div> <</if>> <!-- QUEST 1: A STRANGE URGE (PINK) --> <<if $officeIntroDone is true and $charlotteBlackmail isnot true>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #e91e63; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #e91e63; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">👙 A Strange Urge</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">You've been feeling... different lately. Your mindset is changing, and you keep catching yourself staring at the women's section when you go shopping.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <<if $jackFemininity < 20>> <span style="color: #e91e63; font-weight: normal;">Reach Femininity 20 (Current: <<print $jackFemininity>>/20)</span> <<elseif $hasPanties isnot true>> <span style="color: #4caf50; font-weight: normal;">Buy Panties from the Clothing Store.</span> <<else>> <span style="color: #4caf50; font-weight: normal;">Try them on in your Wardrobe...</span> <</if>> </div> </div> <</if>> <!-- QUEST 2: OFFICE PARANOIA (ORANGE) --> <<if $charlotteBlackmail is true and $laurenBlackmail isnot true>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ffb74d; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ffb74d; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">😰 Office Paranoia</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Charlotte has blackmailed you. You are now forced to wear panties everywhere, including to work. You need to go into the office and drop off some files at Lauren's desk, but you are terrified someone will notice.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Go to work and visit Lauren's desk.</span></div> </div> <</if>> <!-- QUEST 3: LAUREN'S LITTLE SECRET (ORANGE) --> <<if $laurenBlackmail is true and $laurenFullShaveOrdered isnot true>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ffb74d; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ffb74d; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🤫 Lauren's Little Secret</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Lauren caught you wearing women's underwear. She agreed not to report you to HR, but only if you commit to your new role and shave your face and legs.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <<if $faceShaved isnot true or $legsShaved isnot true>> <span style="color: #ffb74d; font-weight: normal;">Go to your Bathroom and shave your face and legs.</span> <<else>> <span style="color: #4caf50; font-weight: normal;">Go to Lauren's Desk and show her your shaved legs.</span> <</if>> </div> </div> <</if>> <!-- QUEST 4: A SMOOTH PET (ORANGE) --> <<if $laurenFullShaveOrdered is true and $questAngelaBra is "inactive">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ffb74d; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ffb74d; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🪒 A Smooth Pet</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Lauren ordered you to finish the job and shave your chest, crotch, and ass completely bare so you look like a proper pet. (You will be able to serve her at the office).</div> <<if $chestShaved is true and $crotchShaved is true and $assShaved is true>> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #4caf50; font-weight: normal;">Completed! You are completely hairless. Go to sleep to end the day.</span></div> <<else>> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Go to your Bathroom and shave your Chest, Crotch, and Ass.</span></div> <div style="font-size: 11px; color: #555; margin-top: 5px;">System Check: Chest=<<print $chestShaved>> | Crotch=<<print $crotchShaved>> | Ass=<<print $assShaved>></div> <</if>> </div> <</if>> <!-- QUEST 5: A GROWING SISSY (CYAN) --> <<if $questAngelaBra is "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #00bcd4; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #00bcd4; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🎀 A Growing Sissy</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Angela woke you up and caught you completely shaved and wearing panties. Instead of freaking out, she degraded you and ordered you to buy and wear a bra and pantyhose to complete the set.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <<if $equippedBra is true>> <span style="color: #4caf50; font-weight: normal;">Go to Kendra's office.</span> <<elseif $jackFemininity < 30>> <span style="color: #00bcd4; font-weight: normal;">Reach Femininity 30 to buy a bra/pantyhose (Current: <<print $jackFemininity>>/30)</span> <<elseif $hasBra isnot true>> <span style="color: #00bcd4; font-weight: normal;">Buy a Bra and pantyhose from the Boutique.</span> <<else>> <span style="color: #ff9800; font-weight: normal;">Put them on.</span> <</if>> </div> </div> <</if>> <!-- QUEST 6: THE BOSS'S TOY (RED) --> <<if $questKendraPlug is "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ff5252; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ff5252; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">😈 The Boss's Toy</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Lauren told Kendra everything. The boss forced you to strip in her office and saw your panties, bra, and shaven body. She ordered you to buy a buttplug so you are always "ready" for work.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <<if $equippedPlug is true>> <span style="color: #4caf50; font-weight: normal;">Return to Kendra.</span> <<elseif $jackFemininity < 45>> <span style="color: #ff5252; font-weight: normal;">Reach Femininity 45 and insert the plug. (Current: <<print $jackFemininity>>/45)</span> <<elseif $hasButtplug isnot true>> <span style="color: #ff5252; font-weight: normal;">Buy a Buttplug.</span> <<else>> <span style="color: #ff9800; font-weight: normal;">Put the Buttplug in via your Wardrobe.</span> <</if>> </div> </div> <</if>> <!-- END OF CONTENT / TO BE CONTINUED SCREEN --> <<if ($questKendraPlug is "complete" or $questKendraPlug is "completed" or $questKendraPlug is true) and $questSpycam is "completed">> <div style="background: #1a1a24; border: 2px dashed #dfba6b; border-radius: 12px; padding: 30px; text-align: center; margin: 40px auto; max-width: 600px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h2 style="color: #dfba6b; letter-spacing: 2px; margin-bottom: 15px;">🌟 TO BE CONTINUED... 🌟</h2> <p style="color: #ddd; font-size: 16px; line-height: 1.5; margin-bottom: 20px; font-weight: 500;"> You have completed all available quests for the current version of the game! <br><br> Thank you so much for playing this early build. </p> <div style="background: rgba(223, 186, 107, 0.1); border-left: 4px solid #dfba6b; padding: 15px; margin: 20px 0;"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0;"> More story, events, and interactions are heavily under development. To support the project and get early access to the next update, please consider checking out the Patreon! </p> </div> </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <<link '<div style="display: inline-block; padding: 10px 30px; background: #1a1a24; color: #fff; border: 1px solid #555; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">BACK</div>' $lastPassage>><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #00bcd4; letter-spacing: 2px; margin-bottom: 25px;">INVENTORY</h2> <p style="text-align: center; color: #888; font-size: 14px; margin-top: -15px; margin-bottom: 25px;"> <em>Usable items and tools. (Wearable accessories are stored in your Wardrobe).</em> </p> <!-- MAIN INVENTORY BOX --> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #00bcd4; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0;"> <!-- RAZOR --> <<if ($razors || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="images/Razor.avif" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <div> <span style="color: #00bcd4; font-weight: bold;">▶ Shaving Razor</span> <span style="color: #888; font-size: 13px; display: block;">Keeps body hair in check.</span> </div> </div> <span style="background: #222; border: 1px solid #00bcd4; color: #00bcd4; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $razors>></span> </li> <</if>> <!-- WEED --> <<if ($inventoryWeedSub || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="width: 40px; height: 40px; background: #111; border-radius: 6px; border: 1px solid #555; display: flex; align-items: center; justify-content: center; font-size: 25px;">🌿</div> <div> <span style="color: #2ed573; font-weight: bold;">▶ Weed (Ounce)</span> <span style="color: #888; font-size: 13px; display: block;">High quality product.</span> </div> </div> <span style="background: #222; border: 1px solid #2ed573; color: #2ed573; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $inventoryWeedSub>></span> </li> <</if>> <!-- PILLS --> <<if ($inventoryPillsSub || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="width: 40px; height: 40px; background: #111; border-radius: 6px; border: 1px solid #555; display: flex; align-items: center; justify-content: center; font-size: 25px;">💊</div> <div> <span style="color: #4fc3f7; font-weight: bold;">▶ Pills</span> <span style="color: #888; font-size: 13px; display: block;">T-Bone's special stash.</span> </div> </div> <span style="background: #222; border: 1px solid #4fc3f7; color: #4fc3f7; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $inventoryPillsSub>></span> </li> <</if>> <!-- DILDO --> <<if $hasDildo>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Dildo2.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #ff69b4; font-weight: bold;">▶ Standard Dildo</span> </li> <</if>> <!-- VIBRATOR --> <<if $hasVibrator>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Vibrator2.webp" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #ff69b4; font-weight: bold;">▶ Vibrator</span> </li> <</if>> <!-- STROKER --> <<if $hasStroker>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Fleshlight.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #4caf50; font-weight: bold;">▶ Male Stroker</span> </li> <</if>> <!-- EMPTY INVENTORY FALLBACK --> <<if (($razors || 0) <= 0) and (($inventoryWeedSub || 0) <= 0) and (($inventoryPillsSub || 0) <= 0) and not $hasDildo and not $hasVibrator and not $hasStroker and ($spycamCount || 0) <= 0 and not $hasSmartphone>> <li style="text-align: center; font-style: italic; color: #888; border: none;"> Your inventory is currently empty. </li> <</if>> </ul> <!-- ============================================================== --> <!-- ELECTRONICS INVENTORY --> <!-- ============================================================== --> <<if ($spycamCount || 0) > 0 or $hasSmartphone is true>> <h3 style="color: #dfba6b; margin-top: 15px; border-bottom: 1px solid #444; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1.5px;">Electronics</h3> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 15px;"> <!-- SPYCAM --> <<if ($spycamCount || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/SPYCAM.jpg" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #dfba6b; font-weight: bold;">▶ Hidden Spycam</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">Plant in rooms to monitor activity.</span> </div> </div> <span style="background: #222; border: 1px solid #dfba6b; color: #dfba6b; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $spycamCount>></span> </li> <</if>> <!-- SMARTPHONE --> <<if $hasSmartphone is true>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/SMARTPHONE.webp" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #ccc; font-weight: bold;">▶ Smartphone</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">Access messages and live camera feeds.</span> </div> </div> <span style="background: #222; border: 1px solid #ccc; color: #ccc; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">Owned</span> </li> <</if>> </ul> <</if>> </div> <!-- Closes the main inventory box --> <!-- DYNAMIC BACK BUTTON --> <div style="text-align: center; margin-top: 30px;"> <<print '[[Back|' + $lastPassage + ']]'>> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 25px;">SHAVING</h2> <<if $justShavedFace>> <div style="text-align: center; margin-bottom: 25px; background: rgba(0, 188, 212, 0.1); border: 1px solid #00bcd4; border-radius: 12px; padding: 20px;"> <img src="images/guy_shaving.gif" style="width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 2px solid #00bcd4; margin-bottom: 15px;"> <div style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;"> Your face is completely smooth. </div> </div> <<unset $justShavedFace>> <<elseif $justShavedCrotch>> <div style="text-align: center; margin-bottom: 25px; background: rgba(233, 30, 99, 0.1); border: 1px solid #e91e63; border-radius: 12px; padding: 20px;"> <img src="images/dick shaving.gif" style="width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3); border: 2px solid #e91e63; margin-bottom: 15px;"> <div style="color: #e91e63; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;"> Your crotch is now completely hairless. </div> </div> <<unset $justShavedCrotch>> <<elseif $justShavedAss>> <div style="text-align: center; margin-bottom: 25px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 12px; padding: 20px;"> <img src="images/ass shaving.gif" style="width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 15px rgba(255, 105, 180, 0.3); border: 2px solid #ff69b4; margin-bottom: 15px;"> <div style="color: #ff69b4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;"> Your ass is silky smooth. </div> <<if $justShavedAssFirstTime>> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.15); border: 2px dashed #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+5 FEMININITY</span> </div> <<unset $justShavedAssFirstTime>> <</if>> </div> <<unset $justShavedAss>> <<else>> <p style="color: #ccc; font-size: 15px; text-align: center; margin-bottom: 20px;"> Select an area to shave. Shaving takes time, consumes a razor, and hair will naturally regrow after 10 days. Shaving your legs and ass increases your femininity. </p> <</if>> <p style="text-align: center; color: #dfba6b; font-weight: bold; margin-bottom: 25px; font-size: 16px;"> Razors Available: x<<print ($razors || 0)>> </p> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #dfba6b; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <div style="padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Face</strong> <<set _faceDaysPassed = $dayCount - $faceShavedDay>> <<if _faceDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _faceDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _faceDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Face</div>'>> <<set $razors -= 1>> <<set $faceShavedDay = $dayCount>> <<set $faceShaved = true>> <<set $justShavedFace = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> <<if $LegsQuestComplete is true or $laurenBlackmail is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Legs</strong> <<set _legDaysPassed = $dayCount - $legShavedDay>> <<if _legDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _legDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _legDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Legs</div>'>> <<set $razors -= 1>> <<set $legShavedDay = $dayCount>> <<set $jackFemininity += 2>> <<set $legsShaved = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "FirstTimeLegShaveEvent">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> <</if>> <<if $CrotchQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Crotch</strong> <<set _crotchDaysPassed = $dayCount - $crotchShavedDay>> <<if _crotchDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _crotchDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _crotchDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Crotch</div>'>> <<set $razors -= 1>> <<set $crotchShavedDay = $dayCount>> <<set $crotchShaved = true>> <<set $justShavedCrotch = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> <</if>> <<if $ChestQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Chest</strong> <<set _chestDaysPassed = $dayCount - $chestShavedDay>> <<if _chestDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _chestDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _chestDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Chest</div>'>> <<set $razors -= 1>> <<set $chestShavedDay = $dayCount>> <<set $chestShaved = true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> <</if>> <<if $AssQuestComplete is true or $laurenFullShaveOrdered is true>> <div style="border-top: 1px solid #333; padding-top: 15px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Ass</strong> <<set _assDaysPassed = $dayCount - $assShavedDay>> <<if _assDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Smooth (<<print (10 - _assDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Hair has grown back (Ready)</div> <</if>> </div> <div> <<if _assDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Ass</div>'>> <<set $razors -= 1>> <<set $assShavedDay = $dayCount>> <<set $assShaved = true>> <<set $justShavedAss = true>> <<if $firstAssShave isnot true>> <<set $jackFemininity += 5>> <<set $firstAssShave = true>> <<set $justShavedAssFirstTime = true>> <</if>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<goto "ShavePassage">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> <</if>> </div> <div style="text-align: center; margin-top: 25px; color: #00bcd4; font-style: italic; font-size: 14px; letter-spacing: 1px;"> (Your look changes after shaving or wearing a toy, check the mirror!) </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="BathroomPassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> BACK TO BATHROOM </a> </div> </div> <div style="display: none;"> [[BathroomPassage]] [[FirstTimeLegShaveEvent]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h2 style="color: #dfba6b; letter-spacing: 2px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;">AT WORK</h2> <!-- WORK IMAGE / GIF --> <div style="width: 100%; height: auto; display: block; margin-bottom: 20px;"> <img src="images/Working.gif" style="width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; border: 2px solid #333;"> </div> <!-- NARRATIVE TEXT --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;">You put your head down and grind through the day's tasks. Staring at the screen is exhausting, but seeing that direct deposit hit your account makes it worth it.</p> </div> <!-- UPDATE STATS BEHIND THE SCENES --> <<set $money += 300>> <<set $energy -= 20>> <<if $energy < 0>><<set $energy = 0>><</if>> <!-- Prevents energy from dropping below 0 --> <!-- STAT UPDATE UI BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4CAF50; border-radius: 8px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 18px; letter-spacing: 1px;">MONEY +$300</span><br> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -20</span> </div> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <<link "RETURN TO DESK" "OfficeHub">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Kendra's Office</h2> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Kendra office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">What are you doing in here? We already went over your duties: managing my calendar, organizing meetings, and handling whatever tasks I require. Your desk is right outside my door. Unless you have something for me, get back to it.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">S-sorry, Kendra. I'll get right back to work.</div> </div> </div> <!-- ========================================== --> <!-- ACTION BUTTONS --> <!-- ========================================== --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <!-- PLEASE HER BUTTON (Only shows after plug quest is completed) --> <<if $questKendraPlug is "completed">> <a data-passage="KendraPleaseEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 82, 82, 0.2);"> PLEASE HER </a> <</if>> <!-- LEAVE BUTTON (Always visible) --> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Desk</h2> <!-- ========================================== --> <!-- PHASE 1: THE FIRST IMPRESSION (ONE-TIME) --> <!-- ========================================== --> <<if $metLauren is false>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You approach the final desk on your orientation list. A striking woman is leaning back in her chair, casually inspecting her nails while scrolling through her phone, ignoring your presence entirely. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Hello, I'm <<print $playerName>>. Kendra told me I should introduce myself to the rest of the team—</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, so you're the new guy. <span style="font-style: italic; color: #aaa;">(God, he looks like a total pushover.)</span> Kendra already filled me in on you.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Really? I'm curious... what did she say?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, never you mind. Anyway, welcome aboard.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Without warning, she loosens her grip, letting a pen and several papers slide off her desk. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oops, how clumsy of me. My back has been aching from sitting here all day—would you mind picking those up for me?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Y-yes, of course, ma'am.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You drop down beneath the desk to gather the papers, but your eyes catch the sight of her feet tucked inside high heels. They look impossibly striking. </p> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Damn... those feet look incredible.)</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Feet.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Hey... are you staring down at my feet?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Wh-what? No! Of course not, ma'am!</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Don't lie to me, sissy. I saw you gawking. Peeping is a serious HR violation that'll get you fired on the spot. So, either you confess right now, or I'm taking this straight to Kendra.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No, please don't tell her! I desperately need this job... Yes, I was looking. I'm sorry, they just looked so gorgeous...</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Is that so? Then why don't you come closer and give them a proper massage?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">B-but ma'am, that's completely inappropriate! Plus, I'm a married man...</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You should've thought about that before acting like a pervert. Now get down there and do it, or I'm dialing Kendra right now.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Before you can protest further, she casually rests her legs right across your lap, a cruel, triumphant smirk spread across her face. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Your cheeks burn with a searing wave of humiliation, yet an unexpected thrill coils deep in your chest as you lean in. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You're surprisingly agile with that tongue... Now peel off my tights, bitch.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmhmm, you really are just a natural-born lap dog. I'm going to have so much fun breaking you in.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lick lauren feet3.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); opacity: 0.9; border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I'll spare you the rest today, doggy. But because you behaved like a good little sissy, I'll keep this between us and let you off the hook with Kendra.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thank you, ma'am... <span style="font-style: italic; color: #aaa;">(What the hell is happening to me? Why am I letting this happen... though her feet really did taste incredible.)</span></div> </div> </div> <<set $metLauren = true>> <<set $time = "Evening">> <<set $jackFemininity += 5>> <!-- ========================================== --> <!-- STAT GAIN NOTIFICATION (PLAYS EVERY TIME) --> <!-- ========================================== --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+5 FEMININITY</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> FLEE THE OFFICE (EVENING) </a> </div> <!-- ========================================== --> <!-- PHASE 2: EVENT TRIGGER: THE COFFEE SPILL --> <!-- ========================================== --> <<elseif $charlotteBlackmail is true and $laurenBlackmail isnot true>> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk up to Lauren's desk to drop off some files. She turns around quickly, holding a full mug of hot coffee. Before you can even react, she trips, sending the scalding brown liquid splashing directly onto your crotch! </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Coffe spill.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oops, I am sorry! Go to the restroom and clean up before it stains! Hurry!</div> </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="LaurenBathroomEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RUSH TO THE BATHROOM </a> </div> <!-- ========================================== --> <!-- PHASE 3: NORMAL DESK --> <!-- ========================================== --> <<else>> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, perfect timing, I am *so* swamped today. Be a good sissy and finish entering these reports for me.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Uh, yeah, sure Lauren. I'll get it done.</div> </div> </div> <!-- ACTION BUTTONS --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <!-- PLEASE HER BUTTON (Only shows after shaving quest is complete!) --> <<if $questAngelaBra isnot "inactive">> <a data-passage="LaurenPleaseEvent" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> PLEASE HER </a> <</if>> <!-- SHOW LEGS BUTTON (Only appears when shaved AND hasn't been ordered to shave the rest yet) --> <<if $legsShaved is true and $laurenFullShaveOrdered is false>> <a data-passage="LaurenFullShaveOrder" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> SHOW HER YOUR LEGS </a> <</if>> <!-- LEAVE BUTTON --> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> TAKE HER WORK & LEAVE </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[LaurenBathroomEvent]] [[LaurenFullShaveOrder]] [[OfficeHub]] [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_midnight to true>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Midnight Discovery</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You quietly step out of your bedroom, the cold floor sending a shiver up your spine. The house is pitch black, save for a faint sliver of light spilling from Charlotte's partially open door. Holding your breath, you creep down the hallway and peer through the narrow gap... </p> </div> <!-- MAIN IMAGE PLACEHOLDER --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/Door peeping.jpeg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Your stomach drops entirely, a cold sweat breaking out across your forehead. Through the narrow gap in the door, you see Charlotte eagerly shedding her clothes, tossing them carelessly to the floor. But she isn't alone. Multiple strange, imposing men are standing in the center of her bedroom, their eyes fixed on her as she strips. You freeze in absolute disbelief, your mind racing as you try and fail to process the reality of what is happening right down the hall in your own house. </p> </div> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Charlotte Gangbang1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 15px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Oh yeah, we are gonna have a great night with this little white hoe. You've been keeping us waiting. </div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I knew she was a complete slut the moment I saw her walking the halls in school. Stop stalling and come show us some love, bitch. </div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Yes, daddy. Whatever you want.</div> </div> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Daddy? School? Are these guys from her school? What the hell has she gotten herself into?) </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You watch, completely paralyzed, as she eagerly moves between them, kissing each of the strangers. Within moments, they guide her to the edge of the bed, pushing her down onto all fours as the men seamlessly surround her. </p> </div> <!-- VIDEO 2 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Charlotte Gangbang2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 3 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 15px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 3</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Damn, look at her go. This hoe really knows exactly how to work a dick. </div> </div> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> If she can handle one like that, I bet she can work two at once. Move over, let me hop in there. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With that said, the men close in. One of them roughly penetrates her from behind, while the other two step up to her face, dominating her mouth as she eagerly takes them in. </p> </div> <!-- VIDEO 3 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Charlotte Gangbang3.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Oh my god... is that really Charlotte? The girl who barely even speaks to me? I can't believe what I'm seeing right now.) </div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Enough warming up. It's time to completely ravage that sweet ass of yours, bitch. </div> </div> </div> <!-- VIDEO 4 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Charlotte Gangbang4.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STRANGER 3 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 3</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Holy shit, this bitch's ass is tight as fuck. She's taking all of it. </div> </div> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Ahhh yes dadddyyy! Ahhh it's soo bigggh, please don't stop</div> </div> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (No, no, no... how is she even physically taking all of those huge dicks at once? This is insane. Why am I even standing here watching this?) </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> The answer to that question becomes painfully clear a moment later. You slowly look down past your waist, only to realize with a sudden wave of intense shame that your penis is completely, uncontrollably rock hard. </p> </div> <!-- IMAGE 2 PLACEHOLDER --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/29095245.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- JACK DIALOGUE BOX --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (Shit... am I seriously getting hard just from standing in the hallway watching my stepdaughter get fucked by strangers? What is wrong with me?) </div> </div> </div> <!-- STRANGER 1 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 1</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Alright, come here slut. It's time for your final treat. </div> </div> </div> <!-- VIDEO 5 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Charlotte Gangbang5.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- CHARLOTTE DIALOGUE BOX --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Ah... so much cum... I love it. Thank you.</div> </div> </div> <!-- STRANGER 2 DIALOGUE BOX --> <div style="background-color: rgba(255, 255, 255, 0.05); border: 2px solid #888; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px; text-align: left;"> <img src="images/Unkownavatar.jpg" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid #888; object-fit: cover; background: #222;"> <div> <div style="color: #aaa; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Stranger 2</div> <div style="color: white; font-size: 15px; font-weight: 500;"> We are getting out of here before anyone wakes up. Have sweet dreams, slut. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Seeing the men suddenly zipping up and turning toward the bedroom door snaps you out of your trance. Panic surges through your chest. You scramble backward down the dark hallway, sprinting back to your bedroom before you are caught. As you dive under the covers, your heart pounds in your ears—a chaotic, overwhelming mix of shock, deep humiliation, and a twisted, lingering excitement. </p> </div> /* 2. THE STAT SHIELD (Blocks stats and time changes if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI (Stacked boxes) --> <!-- JACK CUCK BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 235, 59, 0.1); border: 1px solid #ffeb3b; border-radius: 8px;"> <span style="color: #ffeb3b; font-weight: bold; font-size: 18px; letter-spacing: 1px;">CUCK +5</span> </div> <!-- CHARLOTTE SLUT BOX --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">CHARLOTTE SLUT +5</span> </div> <!-- BACKEND MATH & QUEST UPDATES --> <<set $jackCuck += 5>> <<set $charlotteSlut += 5>> <!-- 1. Close the quest so it disappears from the log and stops the timer trap --> <<set $questCharlotteNight = "completed">> <!-- 2. Reset time and energy so Jack wakes up properly the next day --> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> SNEAK BACK TO BED </a> </div> <</if>> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">ELECTRONICS STORE</h2> <img src="images/ELECTRONICS INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #e91e63; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- ==================== --> <!-- ITEM 1: HIDDEN SPYCAM --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Hidden Spycam</div> <!-- Clickable Image (Fixes the NaN bug automatically!) --> <<link '<img src="images/SPYCAM.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 900>> <<set $money -= 900>> <!-- Failsafe: if the game forgot the variable, it forces it to 0 before adding --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <<set $spycamCount += 1>> <<goto "ELECTRONICSSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $900</div> <!-- Failsafe check for display text --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: <<print $spycamCount>></div> </div> <!-- ==================== --> <!-- ITEM 2: SMARTPHONE --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Smartphone</div> <!-- Clickable Image --> <<link '<img src="images/SMARTPHONE.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $hasSmartphone is true>> <<replace "#shop-msg">>You already own this phone.<</replace>> <<elseif $money >= 2000>> <<set $money -= 2000>> <<set $hasSmartphone = true>> <<goto "ELECTRONICSSHOP">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $2000</div> <!-- Checks if you own it to change the text at the bottom --> <<if $hasSmartphone is true>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: Yes</div> <<else>> <div style="color: #4fc3f7; font-size: 10px; font-weight: bold; margin-top: 5px; text-transform: uppercase;">(Unlocks Cam App)</div> <</if>> </div> </div> <!-- END OF ITEM GRID --> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Mall" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE STORE </a> </div> </div> <!-- HIDDEN BACKEND LINK FOR MAP --> <div style="display: none;"> [[Mall]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_angela_first_jerk to true>> <!-- LOGIC: IF THIS EVENT WAS ALREADY COMPLETED, TELEPORT TO THE REPEAT SCENE --> /* WE ADDED "and not $gallery_mode" SO THE REPLAY DOESNT TELEPORT YOU AWAY! */ <<if $angelaFirstJerkDone is true and not $gallery_mode>> <<goto "AngelaJerkRepeatPassage">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Small Reward</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Angela beckons you over with a flick of her wrist. A deeply condescending smirk crosses her lips as she prepares to dole out your so-called "reward." </p> </div> <!-- ========================= --> <!-- SECTION 1 --> <!-- ========================= --> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE 1 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Uhh... what the fuck, Angela? Why did you stop? I was right on the edge! </div> </div> </div> <!-- ANGELA DIALOGUE 1 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Watch your fucking tone with me. You aren't cumming at all unless you agree to address me as Mistress Angela from now on. </div> </div> </div> <!-- JACK DIALOGUE 2 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Mistress...? Are you serious? </div> </div> </div> <!-- ANGELA DIALOGUE 2 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, Mistress. And you will do exactly as I say. Now, go ahead and beg your Mistress to let you finish. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> With your aching dick throbbing and on the absolute brink of exploding, your pride completely crumbles. You cave in and desperately start to beg her. </p> </div> <!-- JACK DIALOGUE 3 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Please... please let me cum, Mistress. I promise I'll be your good boy, just please... </div> </div> </div> <!-- ANGELA DIALOGUE 3 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> That's a good boy. Go ahead, cum for your Mistress. </div> </div> </div> <!-- ========================= --> <!-- SECTION 2 --> <!-- ========================= --> <!-- VIDEO 2 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE 4 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Look at this massive mess you made. It's time to clean up. Open your mouth and swallow every last drop of your cum. </div> </div> </div> <!-- JACK DIALOGUE 4 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Oh, come on, Angela... please, not again... </div> </div> </div> <!-- ANGELA DIALOGUE 5 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> EXCUSE ME? </div> </div> </div> <!-- JACK DIALOGUE 5 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Ah! I—I mean, yes, Mistress. </div> </div> </div> <!-- ANGELA DIALOGUE 6 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> I swear to God, if you ever dare question my authority again, you will severely regret it. Now open your fucking mouth and start licking. </div> </div> </div> <!-- JACK DIALOGUE 6 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> *Sighs heavily...* Yes, Mistress. </div> </div> </div> <!-- ========================= --> <!-- SECTION 3 --> <!-- ========================= --> <!-- VIDEO 3 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela jerkoff3.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE 7 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Good boy. Now get the fuck out of my sight before I change my mind. </div> </div> </div> <!-- JACK DIALOGUE 7 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Yes, Mistress. </div> </div> </div> /* 2. THE STAT SHIELD (Blocks stats and completion variables if in gallery mode) */ <<if not $gallery_mode>> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px solid #ff69b4; border-radius: 8px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 18px; letter-spacing: 1px;">FEMININITY +1</span> </div> <!-- ========================= --> <!-- BACKEND MATH & VARIABLES --> <!-- ========================= --> <!-- Updates the stats --> <<set $angelaDomination += 1>> <<set $jackFemininity += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- This variable is what tells the game not to play this scene again! --> <<set $angelaFirstJerkDone = true>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> <</if>> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] [[AngelaJerkRepeatPassage]] </div> <</nobr>>
<<nobr>> <!-- 1. THIS PICKS ONE OF THE 3 VIDEOS AT RANDOM --> <<set _randomLickVid = either( "videos/Angela Lick1.webm", "videos/Angela Lick2.webm", "videos/Angela Lick3.webm" )>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Serving Mistress</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step into the bedroom, immediately stopping in your tracks. Angela is sprawled out on the mattress, her fingers lazily playing with her own wetness as she locks eyes with you. </p> </div> <!-- TOP GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_top.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ANGELA DIALOGUE 1 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Right on time. My fingers are getting tired, and I'm dying to cum. Get over here and lick your Mistress like a good dog. </div> </div> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Without a single moment of hesitation, you drop to your knees and crawl to the edge of the bed, eagerly pressing your face between her thighs to begin licking. </p> </div> <!-- ============================================== --> <!-- MAIN RANDOMIZED VIDEO --> <!-- ============================================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video @src="_randomLickVid" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> You taste absolutely amazing, Mistress... Is this to your liking? </div> </div> </div> <!-- ANGELA DIALOGUE 2 (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Fuck, yes... keep your tongue right there. Ahhh, I'm cumming! </div> </div> </div> <!-- NARRATIVE TEXT BLOCK 3 --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Her thighs clamp down on your head as she suddenly squirts right across your face. Despite the mess, the taste is absolutely intoxicating to you. </p> </div> <!-- BOTTOM GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_lick_bottom.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ============================================== --> <!-- BACKEND MATH & RETURN --> <!-- ============================================== --> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 25px; margin-bottom: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <!-- UPDATE TALK COUNTER & STATS --> <<set $angelaDomination += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <!-- 1. THIS PICKS ONE OF THE 3 VIDEOS AT RANDOM --> <<set _randomJerkVid = either( "videos/Angelas jerkoff repeat1.webm", "videos/Angelas jerkoff repeat2.webm" )>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00e5ff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Mistress's Reward</h2> <!-- JACK DIALOGUE (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 25px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500;"> Mistress... I've been a good boy today. May I please have my reward? </div> </div> </div> <!-- ANGELA DIALOGUE (CYAN) --> <div style="background-color: #00e5ff; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">Angela</div> <div style="color: white; font-size: 15px; font-weight: 500;"> Since you remembered your place and asked so nicely, I suppose I can help you out. Cum for your Mistress. </div> </div> </div> <!-- RANDOMIZED VIDEO PLACEHOLDER --> <!-- Notice the @ sign in front of src! This is required to load the variable! --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video @src="_randomJerkVid" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 25px; margin-bottom: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA DOMINATION +1</span> </div> <!-- UPDATE TALK COUNTER & STATS --> <<set $angelaDomination += 1>> <<set $angelaLastTalkDay = $dayCount>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HALLWAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_dream1 to true>> <div style="background: #0a0a0f; border-radius: 16px; padding: 35px; border: 1px solid #333; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(0,0,0,0.8);"> <h2 style="color: #6c5ce7; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; font-style: italic;">A Restless Night...</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #6c5ce7; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> You toss and turn in bed, the sheets tangled tightly around your legs. In the dead of night, a vivid, inescapable dream floods your mind, sending heat straight to your groin and leaving you rock hard. </p> </div> <!-- VIDEO PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Dream1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.8); opacity: 0.9;"></video> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #6c5ce7; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> The intense imagery of Charlotte being thoroughly used and dominated plays on loop behind your eyelids, making you leak helplessly into your boxers. </p> </div> <!-- IMAGE/GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Cum in pants.gif" style="width: 100%; border-radius: 12px; opacity: 0.8;"> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (What is wrong with me...? Why can't I stop having these kinds of dreams?) </div> </div> </div> /* 2. THE STAT SHIELD (Blocks the day from advancing if in gallery mode) */ <<if not $gallery_mode>> <!-- ============================================== --> <!-- BACKEND MATH: WAKING UP NORMALLY --> <!-- ============================================== --> <<set $dream1Done = true>> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $angelaLastTalkDay = 0>> <</if>> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #6c5ce7; border: 1px solid #6c5ce7; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;"> WAKE UP </a> </div> <</if>> </div> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> /* 1. THE UNLOCKER (Tells the cheat menu this is unlocked) */ <<set $played_charlotte_dream2 to true>> <div style="background: #0a0a0f; border-radius: 16px; padding: 35px; border: 1px solid #333; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(0,0,0,0.8);"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; font-style: italic;">The Obsession Deepens...</h2> <!-- NARRATIVE TEXT BLOCK 1 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #ff5252; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> Sleep offers no escape tonight. The moment you drift off, the dark hallway returns—only this time, the sounds and sights of her room are far more vivid, driving you to an unbearable edge. </p> </div> <!-- VIDEO PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Dream2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255,82,82,0.3); opacity: 0.9;"></video> </div> <!-- NARRATIVE TEXT BLOCK 2 --> <div style="background: rgba(255,255,255,0.02); border-left: 3px solid #ff5252; padding: 15px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> Watching her surrender to strangers in your own house pushes your arousal past the breaking point, soaking through your underwear yet again. </p> </div> <!-- IMAGE/GIF PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Cum in pants.gif" style="width: 100%; border-radius: 12px; opacity: 0.8;"> </div> <!-- JACK DIALOGUE BOX (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I can't keep living like this... I need to find out what's really happening.) </div> </div> </div> /* 3. THE EXIT DOOR (Decides where to send the player next) */ <<if $gallery_mode>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: center; margin-top: 20px;"> <<link "Return to Replay Gallery" "CheatMenu">> <<set $gallery_mode to false>> <</link>> </div> <<else>> <!-- CONTINUE BUTTON TO EPIPHANY --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="JackSpycamEpiphany" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;"> WAKE UP! </a> </div> <</if>> </div> <div style="display: none;"> [[JackSpycamEpiphany]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Next Morning</h2> <!-- NARRATIVE TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You bolt upright in bed, your chest heaving as a cold sweat covers your skin. Sunlight pours through the curtains, but your mind is completely trapped in the terrifying reality of what you've witnessed. </p> </div> <!-- JACK DIALOGUE 1 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 20px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I can't take this anymore. The thought of what those guys were doing to her... of what might be happening right under my roof while I'm asleep.) </div> </div> </div> <!-- JACK DIALOGUE 2 (GRAY) --> <div style="background-color: #7a7a7a; border: 2px solid white; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 35px; text-align: left;"> <img @src="$avatarJack" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 2px solid white; object-fit: cover;"> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);"><<print $playerName>></div> <div style="color: white; font-size: 15px; font-weight: 500; font-style: italic;"> (I need to know everything. Maybe buying a spycam from the electronics store and watching over the house is a good idea. That way, I'll never be left in the dark again.) </div> </div> </div> <!-- SYSTEM NOTIFICATION BOX --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4caf50; border-radius: 8px;"> <span style="color: #4caf50; font-weight: bold; font-size: 16px; letter-spacing: 1px;"> You can now plant Spycams around the house!</span> </div> <!-- ============================================== --> <!-- BACKEND MATH & VARIABLES --> <!-- ============================================== --> <<set $dream2Done = true>> <<set $canPlantSpycam = true>> <<set $questSpycam = "buy_plant">> <<set $time = "Morning">> <<set $energy = 100>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $angelaLastTalkDay = 0>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> START THE DAY </a> </div> </div> <!-- HIDDEN BACKEND LINKS FOR TWINE MAPPING --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #2e7d32; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Busted.</h2> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I cant believe am about to do this)</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> With trembling hands, you slide the silky pink panties up your legs. You look at yourself in the mirror. You feel a deep, burning sense of shame... but also an undeniable thrill. They are so soft, so comfortable. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/First time panties.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Wow they are comfortable as shit)</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Suddenly, the door swings wide open without a knock.. </p> </div> <!-- CHARLOTTE DIALOGUE 1 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Hey, Mom wanted me to ask if you— Oh. My. God.</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Charlotte freezes in the doorway, staring directly at your waist. The silence is deafening. Then, a slow, wicked smile spreads across her face as she pulls out her phone and snaps a quick photo. *Click.* </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Charlotte picture.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- CHARLOTTE DIALOGUE 2 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Well, well, well. Who knew my pathetic stepdad was such a little freak? I wonder what Mom would say if I sent this to her? Or better yet, posted it online?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte, wait! Please! Delete that, I am your stepdad!</div> </div> </div> <!-- CHARLOTTE DIALOGUE 3 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Stepdad? you are wearing women panties, so you are not a man anymore, and am posting this picture online to let the entire world know who you really are</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte, Please! I'll do anything just delete the picture!</div> </div> </div> <!-- CHARLOTTE DIALOGUE 3 --> <div style="background-color: #2e7d32; border: 2px solid #fff; border-radius: 8px; padding: 12px; margin-bottom: 15px; display: flex; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3); text-align: left;"> <div style="flex-shrink: 0; margin-right: 15px;"> <img @src="$avatarCharlotte" style="width: 60px; height: 60px; border-radius: 6px; object-fit: cover; border: 2px solid #fff;"> </div> <div> <div style="color: #a5d6a7; font-weight: bold; margin-bottom: 4px; font-size: 1.1em;">Charlotte</div> <div style="color: #fff; font-size: 1em;">Anything? Good. From now on, you don't take those off. You wear them around the house. You wear them to work. If I find out you're wearing male underwear again, this picture goes everywhere</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Even my stepdaughter? why is this happening to me)</div> </div> </div> <!-- SYSTEM NOTIFICATION --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(46, 125, 50, 0.1); border: 1px solid #2e7d32; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #a5d6a7; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW RULE: You must now wear panties at all times!</span> </div> <!-- BACKEND MATH --> <<set $charlotteBlackmail = true>> <<set $equippedPanties = true>> <<set $jackFemininity += 5>> <<set $charlotteDomination += 5>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2e7d32; border: 1px solid #2e7d32; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> ACCEPT YOUR FATE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[MainHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Men's Restroom</h2> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You rush into the empty bathroom and frantically unbuckle your pants, pulling them down to dab at the coffee stain on your thighs. The silk panties you are forced to wear are on full display. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/70000.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Without warning, the bathroom door clicks shut behind you. </p> </div> <!-- LAUREN DIALOGUE --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I brought some paper towels— Oh my.</div> </div> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren shocked.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- LAUREN DIALOGUE --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Are those... women's panties?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Lauren! Get out! You can't be in here! Please, it's not what it looks like!</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She completely ignores you, stepping closer. Her eyes scan up and down your legs, taking in your hairy thighs clashing with the delicate pink fabric. </p> </div> <!-- LAUREN DIALOGUE 2 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I wonder what Kendra would do if she knew you were wearing lingerie at work. Or Tyron? He'd probably fire you on the spot. But... I don't have to tell them.</div> </div> </div> <!-- LAUREN DIALOGUE 3 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">If you want to dress like a girl, you're going to commit to it. Tonight, you're going to shave your face and those disgusting, hairy legs of yours. Let's see how smooth you can get them. Understand?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Yes ma'm...(I hate my life)</div> </div> </div> <!-- SYSTEM NOTIFICATION --> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW MISSION: Lauren wants you to shave your legs!</span> </div> <!-- BACKEND MATH --> <<set $laurenBlackmail = true>> <<set $jackFemininity += 5>> <!-- CONTINUE BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> AGREE AND FLEE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Smooth Finish</h2> <<if $firstLegShaveDone isnot true>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You stand in the bathroom, a razor trembling slightly in your hand. Lauren's threat echoes in your mind. Taking a deep breath, you apply the shaving cream and carefully drag the blade up your calf. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Leg shaving.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"I can't believe I did this..."</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Thick patches of dark hair wash down the drain, revealing pale, bare skin underneath. It takes a long time to get both legs completely smooth, but once you finish and rinse them off, you run your hand down your thigh. <br><br> It feels incredibly soft. Dangerously soft. You feel a deep wave of emasculation, but beneath the shame... you actually kind of like how it feels against your silk panties. </p> </div> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">QUEST COMPLETE: Your legs are now completely hairless.</span> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 105, 180, 0.1); border: 1px dashed #ff69b4; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+2 FEMININITY</span> </div> <<set $firstLegShaveDone = true>> <<set $jackFemininity += 2>> <<else>> <div style="background: #14141d; border-left: 3px solid #ff69b4; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You carefully lather your legs and drag the razor up your calves, familiar with the routine now. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Leg shaving.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Watching the dark hair wash away leaves you with a deep, shameful thrill as your skin is left perfectly smooth once again. </p> </div> <</if>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="ShavePassage" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO SHAVING MENU </a> </div> </div> <div style="display: none;"> [[ShavePassage]] </div> <</nobr>>
<<nobr>> <!-- BACKEND LOGIC: CHECKING REQUIREMENTS --> <<set _passedInspection = true>> <!-- 1. Base Requirements (Always Checked) --> <<if $faceShaved isnot true>><<set _passedInspection = false>><</if>> <<if $legsShaved isnot true>><<set _passedInspection = false>><</if>> <!-- 2. Dynamic Requirements (Added as he unlocks them) --> <<if $CrotchQuestComplete is true and $crotchShaved isnot true>><<set _passedInspection = false>><</if>> <<if $ChestQuestComplete is true and $chestShaved isnot true>><<set _passedInspection = false>><</if>> <<if $AssQuestComplete is true and $assShaved isnot true>><<set _passedInspection = false>><</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Inspection</h2> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You drop to your knees beside her desk. Lauren reaches out, dragging a perfectly manicured hand across your jawline to check for stubble. Then, she forces you to roll up your pant legs, running her palms up and down your calves. </p> </div> <!-- ========================================== --> <!-- SUCCESS / REWARD EVENT --> <!-- ========================================== --> <<if _passedInspection is true>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm... Perfectly smooth. Not a single disgusting hair in sight. You really are embracing your new role, aren't you?</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She smiles warmly down at you, slipping her foot out of her heel. She wiggles her toes right in front of your face. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Good sissies get a reward. Give them a kiss, and then take these files back to your desk.</div> </div> </div> <!-- VIDEO 1 PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Gangbang1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"Th-thank you, ma'am..."</div> </div> </div> <!-- REWARD STAT GAIN --> <<set $jackFemininity += 2>> <!-- ========================================== --> <!-- FAILURE / PUNISHMENT EVENT --> <!-- ========================================== --> <<else>> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">"Ew. What is this? Do you feel this stubble? Are you trying to test my patience, Jack?"</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She snatches her hand back as if you burned her, wiping her palm on her skirt in utter disgust. She grabs a massive, heavy stack of unorganized folders and slams them onto your chest. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">"You are disgusting. I don't want a hairy ape anywhere near my cubicle. Take all of my paperwork for the week and do it standing up at your desk. And you better be completely hairless by tomorrow, or I am sending that picture to Kendra."</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"I'm sorry! I'm sorry, I'll fix it tonight, I promise!"</div> </div> </div> <!-- PUNISHMENT STAT LOSS --> <<set $energy -= 20>> <<set $jackCuck += 3>> <</if>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> TAKE HER WORK & LEAVE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff9800; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Pleasing Lauren</h2> <!-- ======================================================== --> <!-- FAILURE: PLAYER HAS STUBBLE (KICKED OUT) --> <!-- ======================================================== --> <<if $faceShaved isnot true or ($dayCount - $legShavedDay) >= 10 or ($dayCount - $chestShavedDay) >= 10 or ($dayCount - $crotchShavedDay) >= 10 or ($dayCount - $assShavedDay) >= 10>> <div style="background: #14141d; border-left: 3px solid #ff9800; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into Lauren's office and eagerly move to get on your knees. Before you can even drop down, Lauren holds up a hand, her eyes scanning you in disgust. </p> </div> <div style="background-color: rgba(255, 152, 0, 0.15); border: 2px solid #ff9800; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff9800;" alt="Lauren"> </div> <div> <div style="color: #ff9800; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Stop right there. Are you kidding me right now? Did you actually think you could touch me looking like that?</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You freeze, suddenly realizing that you let your body hair grow out. The stubble is visible, and Lauren looks absolutely repulsed. </p> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm sorry, Lauren! I just haven't had time to shave—</div> </div> </div> <div style="background-color: rgba(255, 152, 0, 0.15); border: 2px solid #ff9800; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff9800;" alt="Lauren"> </div> <div> <div style="color: #ff9800; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I don't care about your excuses! You are my smooth little pet. If you aren't completely hairless, you are completely useless to me. Get out of my office!</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 152, 0, 0.1); border: 2px dashed #ff9800; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff9800; font-weight: bold; font-size: 16px; letter-spacing: 1px;">REQUIREMENT FAILED: YOU MUST BE FULLY SHAVEN.</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff9800; border: 1px solid #ff9800; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE IN SHAME </a> </div> <!-- ======================================================== --> <!-- SUCCESS: PLAYER IS FULLY SHAVED (PROCEED TO STAGES) --> <!-- ======================================================== --> <<else>> <!-- ========================================== --> <!-- STAGE 1: HEEL CLEANING & FOOT WORSHIP --> <!-- ========================================== --> <<if $laurenBullyStage is 1>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Instead of taking the files, you slowly sink to your knees in front of Lauren's desk. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Well, aren't you an eager little pet today? My heels are absolutely filthy from walking all over you people. Start cleaning.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Right away, Mistress Lauren.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Papper heels cleaning.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Pathetic. Paper isn't going to cut it. Toss that trash and use your tongue like a good office dog.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Heels cleaning.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Much better. They're practically gleaming with your spit. I suppose I can reward you by letting you worship the real thing now.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You mean it?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look at you begging like a starved animal. Yes, you freak. Get my bare soles spotless.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Feet worship.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm, you're actually useful for something after all. Crawl back to your desk, loser. Keep this up, and maybe I'll let you taste something better next time.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thank you, Lauren. I can't wait.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 1/3</span> </div> <<set $laurenBullyStage = 2>> <!-- ========================================== --> <!-- STAGE 2: THIGH & ASS WORSHIP --> <!-- ========================================== --> <<elseif $laurenBullyStage is 2>> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You drop to your knees eagerly, remembering her promise from last time. She smiles, unzips her skirt, and steps out of it, standing right in front of you. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I see you staring when I walk past your cubicle. You've been fantasizing about this ass all week, haven't you, freak?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Oh god, yes. Constantly.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Such a pathetic little creep. Come here and bury your face in it. Inhale deeply.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You press your face against her soft skin, inhaling deeply as she grinds her hips against you. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Does it smell good down there? Take a huge whiff of your superior.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's intoxicating. I love it, Mistress.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Less talking, more kissing. Worship every inch of it.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmm, you have such a submissive little mouth. Lay flat on the floor right now.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You roll onto your back. She steps over you, hovering her heavy curves right above your face. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Ass worship3.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Okay, I'm bored of you now. You did alright for a loser. Behave, and next time I might actually let you between my legs.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 2/3</span> </div> <<set $laurenBullyStage = 3>> <!-- ========================================== --> <!-- STAGE 3: CUNNILINGUS & STAT REWARDS --> <!-- ========================================== --> <<else>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look who's back on his knees. You really are addicted to serving me, aren't you?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Please, Lauren. Let me taste you. I'm begging you.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">It's hilarious how desperate you are. Fine. Crawl over here and earn your keep.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She spreads her legs right in front of your face. Her wet, hairy pussy is irresistible. You start licking like a thirsty dog. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren pussy licking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Fuck, right there. Don't you dare stop or I'll make your life a living hell.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren pussy licking2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Wow, you actually know what you're doing. Lay on your back. Time to ruin that pathetic little toy of yours.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You lie back on the carpet. Lauren reaches down, grabbing you through your panties and beginning to stroke you with an expert, teasing grip. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren jerking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Look at this tiny, useless thing. It's practically a clit now. Come on, make a mess for your boss.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ahh, God, I'm going to ruin my panties!</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren jerking2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Your body tenses as she edges you, finally letting you spill over into a ruinous, humiliating climax right there on the office floor. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">What a total mess. You're a disgusting, obedient little sissy. Now clean yourself up and crawl back to your desk before I kick you.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px solid #ffb74d; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 18px; letter-spacing: 2px;">OFFICE BULLY: 3/3 COMPLETE</span> </div> <div style="text-align: center; margin-top: 0px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 1px solid #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff69b4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">+1 FEMININITY</span> </div> <<set $jackFemininity += 1>> <<set $laurenBullyStage = 1>> <</if>> <!-- TIME PROGRESSION (ONLY IF HE PASSED) --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND RETURN TO DESK </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Desk</h2> <div style="background: #14141d; border-left: 3px solid #ffb74d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You lift your pant legs, showing Lauren your freshly shaved, smooth skin. She inspects them closely, a wicked smirk forming on her lips. </p> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Not bad. But if you're going to be my little office pet, half-measures won't work. I want the rest of it gone. Chest, crotch, and ass. I want you completely smooth like a little girl.</div> </div> </div> <!-- QUEST UNLOCK BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 183, 77, 0.1); border: 2px dashed #ffb74d; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST: A SMOOTH PET</span> </div> <!-- RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> You will be able to serve her at the office after completing the quest.... </div> <!-- THIS FLIPS THE SWITCH --> <<set $laurenFullShaveOrdered = true>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> NOD AND RETURN TO WORK </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Late Night Visitor</h2> <div style="background: #14141d; border-left: 3px solid #00bcd4; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You fall asleep in your silky panties, enjoying the smooth feeling of your freshly shaved legs against the bedsheets. Suddenly, the blankets are violently ripped off of you. The harsh bedroom light flicks on, blinding you. </p> </div> <!-- ANGELA DIALOGUE 1 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Wake up, loser, it's time to— Oh my god.</div> </div> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Panty sleep.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ANGELA DIALOGUE 2 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Look at you... completely hairless and sleeping in women's underwear like a proper little sissy. Pathetic.</div> </div> </div> <!-- JACK DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela! Wait, it's not what it looks like, I swear—!</div> </div> </div> <!-- ANGELA DIALOGUE 3 (THE ORDER) --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Shut up. If you're going to dress like a girl under my roof, you're going to do it right. Those smooth legs are begging for a pair of sheer pantyhose. And you need a training bra to cover up that flat little chest.</div> </div> </div> <!-- JACK DIALOGUE 2 (THE PUSHBACK) --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Pantyhose?! Angela, please, come on. The underwear is just... a mistake. I can't walk around in nylons and a bra! I'm your husband, not some...</div> </div> </div> <!-- ANGELA DIALOGUE 4 (THE THREAT) --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Not some what? Sissy? Because that's exactly what you look like. Buy the bra and the pantyhose. If I don't see you wearing them, I might just have to invite my friends over right now to see how my 'husband' sleeps.</div> </div> </div> <!-- JACK DIALOGUE 3 (THE SUBMISSION) --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(Fuck... she'd actually do it.) Okay... fine. I'll buy them. Just keep your voice down.</div> </div> </div> <!-- ANGELA DIALOGUE 5 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">That's what I thought. Don't let me catch you looking like half a man again. Be a good girl for me.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She smirks, tossing the blanket back over your humiliating outfit before turning her back and walking out the door. </p> </div> <!-- JACK DIALOGUE 4 (INTERNAL) --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(Fuck... how did my life get to this point?)</div> </div> </div> <!-- QUEST UNLOCK BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(0, 188, 212, 0.1); border: 2px dashed #00bcd4; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #00bcd4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST UNLOCKED: A GROWING SISSY</span> </div> <!-- THIS KILLS LAUREN'S QUEST AND STARTS ANGELA'S --> <<set $questAngelaBra = "active">> <<set $questWomenswear = true>> <!-- TIME PROGRESSION --> <<set $time = "Morning">> <<set $dayCount += 1>> <<set $dayIndex = ($dayIndex + 1) % 7>> <<set $energy = $maxEnergy>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> WAKE UP HUMILIATED (NEXT DAY) </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[MainHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Kendra's Office</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step into Kendra's office, intending simply to drop off the quarterly reports. But the moment the heavy door clicks shut behind you, she locks onto you with a predatory gaze, her voice dropping into an icy, authoritative command. </p> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Strip. Right now. Let's see what kind of <span style="font-style: italic;">"man"</span> we actually hired under all those professional layers.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">W-what? Ms. Kendra, are you serious? I'm wearing normal clothes... this is completely inappropriate—!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Her eyes narrow into dangerous slits at your hesitation. Before you can react, she closes the distance with terrifying speed, driving a sharp heel straight into your groin. </p> <img src="images/ball kick.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4); border: 2px solid #dc143c;"> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You fucking sissy slut. When I give an order, you obey without a single word. Am I crystal clear?</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Aghhh... Please, Kendra, stop! I didn't mean to cross a line, but this is corporate harassment—</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Harassment? Spare me. Lauren already filled me in on everything. She told me all about your little habits—prancing around in women's underwear and licking her boots like a obedient pet.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(God damn it, she actually told her...) Please, you have to listen, I didn't have a choice—</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Shut the fuck up and strip, or I'll have security throw you out of this building in disgrace right now.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Completely stripped of your dignity, terrified of losing your livelihood, and doubled over from the pain, your hands shake as you peel off your remaining clothes. You stand before your boss entirely hairless, exposed, and wearing only a matching set of panties and a bra. She circles you slowly like a hawk, inspecting every inch of your altered body. </p> </div> <img src="images/showing kendra your underwear.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4); border: 2px solid #dc143c;"> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">God, look at you. Smooth everywhere. You've got less body hair than I do. Pathetic.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Ms. Kendra, please... can I put my clothes back on now? Anyone could walk past the glass walls...</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Not yet, sissy. Pull down those panties. Let's see what you're actually packing under there. Don't make me ask twice.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Her cold, unblinking glare leaves you feeling completely powerless. With every remaining shred of your pride dissolving into ash, your trembling fingers obey. </p> </div> <img src="images/small dick.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4); border: 2px solid #dc143c;"> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> The moment she looks down at your flaccid, unimpressive size, a harsh, mocking laugh escapes her lips. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Oh, wow. Is that seriously it? Look at it... it practically looks like an inverted clit. No wonder you're such an obedient little sissy.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">I-it's just cold in here... please, have some mercy...</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Her laughter cuts off sharply, her expression shifting back into a clinical, deadpan mask of absolute superiority. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Listen to me closely, sissy. A useless appendage like that isn't going to satisfy anyone. It's time you learned a method of pleasure that actually suits your body type.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">W-what do you mean, Ms. Kendra?</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Anal stimulation. Triggering your prostate through your back door will open up an entirely new world of obedience for you. You're going to buy a butt-plug, and you are going to wear it. If you refuse, you're fired before the hour is out.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">No... please, Kendra, I've never done anything like that! I'm a man, I shouldn't be playing with that—!</div> </div> </div> <img src="images/ball kick2.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4); border: 2px solid #dc143c;" alt="Ball Kick"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Without warning, she strikes again, driving another brutal kick straight into your bare, unprotected testicles. The pain is blinding, stealing the breath right out of your lungs as you collapse gasping onto her office floor. She stands over you, ruthlessly punishing you over and over until you are sobbing. </p> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Aghhhhg! Please, Mistress! Stop! Please, I'll do it! I'll wear it! Just stop hitting me!</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">That’s much better. You should have learned your place sooner, sissy. Make sure you report to work wearing it from now on. And remember to address me as 'Mistress' at all times, or the lessons will resume.</div> </div> </div> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(255, 82, 82, 0.15); border: 2px dashed #ff5252; border-radius: 8px; margin-bottom: 25px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">NEW QUEST: THE BOSS'S TOY</span> </div> <<set $questAngelaBra = "completed">> <<set $questKendraPlug = "active">> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> PUT YOUR CLOTHES ON AND LEAVE </a> </div> </div> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Boss's Toy</h2> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You step into Kendra's office, feeling the silicone plug stretching you with every step you take. Kendra looks up from her desk, her eyes narrowing. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Are you wearing it? Strip and show me.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You blush deeply, pulling your pants down and bending over to show her the pink base of the plug nestled between your shaved cheeks. </p> </div> <!-- IMAGE PLACEHOLDER --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Plugged ass.webp" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ohhh what a nice view. Well done girl. Now lay on my lap I want to touch that sweet ass of yours.</div> </div> </div> <!-- NEW INTRO VIDEO --> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra spanking.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Ouchh that hurts mistress.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I dont give a shit sissy, now thank me and get the fuck out.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Thank you mistress.</div> </div> </div> <!-- QUEST COMPLETED BANNER --> <div style="text-align: center; margin-top: 15px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 2px dashed #ff5252; border-radius: 8px; margin-bottom: 15px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">QUEST COMPLETED: THE BOSS'S TOY</span> </div> <!-- RED UNLOCK TEXT --> <div style="text-align: center; color: #ff5252; font-weight: bold; font-style: italic; font-size: 13px; margin-bottom: 25px; letter-spacing: 1px;"> (You can now serve Kendra in her office!) (New interactions unlocked with Angela at night!) </div> <!-- KILLS THE QUEST, SETS UP STAGE 1 FOR NEXT TIME --> <<set $questKendraPlug = "completed">> <<set $kendraBullyStage = 1>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND LEAVE </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Pleasing the Boss</h2> <!-- ======================================================== --> <!-- KICK OUT SCENE (NO PLUG) --> <!-- ======================================================== --> <<if $equippedPlug isnot true>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk into Kendra's office and confidently drop to your knees, ready to serve her. But as you kneel, Kendra's eyes narrow sharply. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Stand up. Turn around.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Confused, you do as she says. She stares at your pants, instantly noticing the lack of a familiar pink silicone bulge stretching out your backside. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Are you completely braindead? Did you really think you could come in here and serve me without wearing your uniform?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I-I'm sorry, Mistress! I took it out and forgot—</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Get the fuck out of my office. Don't even look at me again until your ass is properly stuffed.</div> </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE IN SHAME </a> </div> <!-- ======================================================== --> <!-- STAGE 1 (WEARING PLUG) --> <!-- ======================================================== --> <<elseif $kendraBullyStage == 1>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You slip into Kendra's office, locking the door behind you. Every step is a humiliating reminder of the plug stretching you out. Kendra is waiting, leaning back in her expensive leather chair with a predatory smirk. </p> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Kendra sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Come here, sissy. I've decided my pathetic little office pet has earned a reward today.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">R-really, Mistress?</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Lauren mentioned you have a desperate need to serve. I think it's time I put that filthy little tongue to work.</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> She slowly stands up, letting her expensive business wear drop to the floor, displaying her flawless curves while looking down at you with utter contempt. </p> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra strip.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Look at me, loser. Tell me how completely out of your league I am.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Y-yes, Mistress. You're perfect... please, let me serve you.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You don't get to touch me. Get your face on the floor and start cleaning my feet, dog.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra feet licking1.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra feet licking2.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">That's enough. I'm bored of you now. Fix your pathetic outfit and get the fuck out of my sight.</div> </div> </div> <<set $kendraBullyStage = 2>> <<set _passedTime = true>> <!-- ======================================================== --> <!-- STAGE 2 (WEARING PLUG) --> <!-- ======================================================== --> <<elseif $kendraBullyStage == 2>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You walk in to find Kendra already completely naked, casually resting on her desk with her legs parted, waiting for her toy to arrive. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Don't just stand there drooling like an idiot. Get on your knees where you belong. Let's see how well you follow orders today.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra ass licking1.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Get your face in there, sissy. Breathe it in. Tell me exactly what you are.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm just your pathetic toy, Mistress... I love it.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Good. Now bury your face in my ass and don't stop until I tell you to.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra ass licking2.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> She degrades you relentlessly, grabbing you by the hair and forcing your face exactly where she wants it. You eagerly take the humiliation, desperate to keep her satisfied. </p> </div> <<set $kendraBullyStage = 3>> <<set _passedTime = true>> <!-- ======================================================== --> <!-- STAGE 3 (WEARING PLUG) --> <!-- ======================================================== --> <<else>> <div style="background: #14141d; border-left: 3px solid #ff5252; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> You don't even wait for an invitation anymore. You lock the door and immediately drop to your knees on her carpet. It's just part of your daily routine now. </p> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Good girl. You're finally learning your place in this company.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra Pussy licking1.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I should just throw my chair away and use your pathetic face as my seat all day. It's all you're good for.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Gladly, Mistress. I'd be honored.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Shut up and open your mouth. I'm going to use your face.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra Pussy licking2.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You've been a good enough slut today. Lay on the floor and let me ruin you.</div> </div> </div> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Kendra cum.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;" alt="Kendra"> </div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Messy little sissy. Clean yourself up and get the fuck back to your desk before I fire you.</div> </div> </div> <<set $kendraBullyStage = 1>> <<set _passedTime = true>> <</if>> <!-- ======================================================== --> <!-- TIME PROGRESSION (ONLY IF HE PASSED & PLAYED A STAGE) --> <!-- ======================================================== --> <<if _passedTime is true>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> CLEAN UP AND LEAVE </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[OfficeHub]]</div> <</nobr>>
<<nobr>> <style> /* Custom Styling to make the Cheat Menu look awesome */ .cheat-box { background: #151520; border-radius: 8px; padding: 15px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .jack-box { border: 1px solid #aaaaaa; } .angela-box { border: 1px solid #00bcd4; } .charlotte-box { border: 1px solid #4caf50; } .cheat-title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 12px; display: block; } .flex-container { display: flex; gap: 15px; flex-wrap: wrap; } .flex-half { flex: 1; min-width: 200px; } </style> <h3>🛠️ Developer & Cheat Dashboard</h3> <hr style="border-color: #444; margin: 20px 0;"> /* 1. LOGIN SCREEN (If they haven't unlocked it yet) */ <<if not $cheat_unlocked>> Enter Cheat Code: <<textbox "$cheat_input" "">> <<button "Submit Code" "CheatMenu">> <<if $cheat_input == "GOODSISSYVIP456238">> <<set $cheat_unlocked to true>> <<set $stat_msg to "Access Granted! Welcome to the Dev Menu.">> <<else>> <<set $stat_msg to "Invalid Cheat Code.">> <</if>> <</button>> <br><br><span style="color:red; font-weight:bold;"><<print $stat_msg>></span> /* 2. THE ACTUAL CHEAT DASHBOARD (Visible once unlocked) */ <<else>> <div style="text-align: center; margin-bottom: 15px;"> <b style="color:#00e676; font-size: 16px;"><<print $stat_msg>></b> </div> <div class="cheat-box jack-box"> <b class="cheat-title" style="color:#aaaaaa;">👑 <<print $playerName>>'s Attributes</b> <<button "💸 + $5000 Cash" "CheatMenu">> <<set $money += 5000>> <<set $stat_msg to "Jack's Wallet: +$5000!">> <</button>> <<button "⚡ Max Energy" "CheatMenu">> <<set $energy = $maxEnergy>> <<set $stat_msg to "Jack's Energy Fully Restored!">> <</button>> <<button "💄 + 5 Femininity" "CheatMenu">> <<set $jackFemininity += 5>> <<set $stat_msg to "Femininity +5!">> <</button>> <<button "📸 + 5 Cuck" "CheatMenu">> <<set $jackCuck += 5>> <<set $stat_msg to "Cuck +5!">> <</button>> <<button "🏋️♂️ + 5 Fitness" "CheatMenu">> <<set $jackFitness += 5>> <<set $stat_msg to "Fitness +5!">> <</button>> <<button "📚 + 5 Knowledge" "CheatMenu">> <<set $jackKnowledge += 5>> <<set $stat_msg to "Knowledge +5!">> <</button>> </div> <div class="flex-container"> <div class="cheat-box angela-box flex-half"> <b class="cheat-title" style="color:#00bcd4;">💅 Angela</b> <<button "💋 + 5 Slut" "CheatMenu">> <<set $angelaSlut += 5>> <<set $stat_msg to "Angela's Slut +5!">> <</button>> <<button "👠 + 5 Domination" "CheatMenu">> <<set $angelaDomination += 5>> <<set $stat_msg to "Angela's Domination +5!">> <</button>> </div> <div class="cheat-box charlotte-box flex-half"> <b class="cheat-title" style="color:#4caf50;">🍷 Charlotte</b> <<button "💋 + 5 Slut" "CheatMenu">> <<set $charlotteSlut += 5>> <<set $stat_msg to "Charlotte's Slut +5!">> <</button>> <<button "👠 + 5 Domination" "CheatMenu">> <<set $charlotteDomination += 5>> <<set $stat_msg to "Charlotte's Domination +5!">> <</button>> </div> </div> <hr style="border-color: #444; margin: 30px 0;"> <h3>🎦 Event Replay Gallery</h3> Rewatch scenes <br><br> <<if $played_charlotte_midnight>> * <<link "Replay Charlotte's Midnight Discovery" "CharlotteNightEvent">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_charlotte_dream1>> * <<link "Replay Charlotte's Dream 1" "CharlotteDream1">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_charlotte_dream2>> * <<link "Replay Charlotte's Dream 2" "CharlotteDream2">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_angela_secretary_event>> * <<link "Replay Angela's Employments Reward" "AngelaEvent1">><<set $gallery_mode to true>><</link>><br> <</if>> <<if $played_angela_first_jerk>> * <<link "Replay Angela's First Jerkoff Reward" "AngelaJerkPassage">><<set $gallery_mode to true>><</link>><br> <</if>> <hr style="border-color: #444; margin: 30px 0;"> <div style="text-align: right;"> <<button "🔒 Lock Dashboard" "CheatMenu">> <<set $cheat_unlocked to false>> <<set $stat_msg to "">> <<set $cheat_input to "">> <</button>> </div> <</if>> <!-- THIS IS THE CORRECTED END TAG --> <div style="text-align: center; margin-top: 30px;"> <<link "Close Menu & Return to Game" $return_passage>><</link>> </div> <</nobr>>
<<nobr>> <<set $currentRoute = "dom">> <!-- Overwriting with Dom-Route Avatars --> <<set $avatarAngela = "images/Angelas sub avatar.jpg">> <<set $avatarCharlotte = "images/Nerdy charlotte.jpg">> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You sit on the edge of the bed, looking around at the faded walls and outdated furniture. You've let things slide for too long. It's time to take proper control of your surroundings. Your wife cuts off your chain of thought with her usual arrogant tone. </p> <!-- Angela's Dialogue Box 1 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">You have been staring at that wall for an hour. Shouldn't you be doing something useful instead?</div> </div> </div> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Shut the fuck up, Angela.</div> </div> </div> <!-- Angela's Dialogue Box 2 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Excuse me? You can't talk to me like that. I am your wife.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Tired of her attitude, you stand up and grab her by the throat, letting her know exactly who is in charge. </p> <!-- MAIN SCENE IMAGE --> <img src="images/Angela shock.png" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <!-- Player's Dialogue Box 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Didn't I tell you to shut the fuck up?</div> </div> </div> <!-- Angela's Dialogue Box 3 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Stop it. You can't do this... You're hurting me.</div> </div> </div> <!-- Player's Dialogue Box 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You are still talking, bitch. This will help mute you.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You push her to her knees, giving her no time to argue as you bury your dick deep in her mouth. </p> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Angela's Dialogue Box 4 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ughhh, please stop, <<print $playerName>>. I need to breathe.</div> </div> </div> <!-- Player's Dialogue Box 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">From now on, there will be new rules in this house, bitch.</div> </div> </div> <!-- Angela's Dialogue Box 5 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh... what do you mean?</div> </div> </div> <!-- Player's Dialogue Box 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It means my word is law under this roof. No more disrespect, no more questioning me. From today on, you will do as you're told. Now get on the bed. I'm going to fuck some respect into you.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> With shaky legs, she obeys without question. She moves to the bed, and you begin to fuck her ruthlessly. </p> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas rough sex.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Player's Dialogue Box 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ready for my load, slut?</div> </div> </div> <!-- Angela's Dialogue Box 6 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Aahhh... please give it to me, Daddy.</div> </div> </div> <!-- VIDEO PLACEHOLDER 3 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Cum on angela.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Angela's Dialogue Box 7 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">So much cum... please feed me some, Daddy.</div> </div> </div> <!-- VIDEO PLACEHOLDER 4 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angela licking cum.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Angela's Dialogue Box 8 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yummy.</div> </div> </div> <!-- Player's Dialogue Box 7 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Don't forget your lesson, bitch. Now get the fuck out of my sight.</div> </div> </div> <!-- Angela's Dialogue Box 8 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">(What happened to him? he hasn't fucked me like that in years. Fuck my legs are still shaking)</div> </div> </div> <!-- CHOICES --> <div style="text-align: center; margin-top: 25px;"> <<link "Start the day" "MainHub_Dom">><</link>> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%)!important; background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">MAIN BEDROOM</h2> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if $questAngelaOfficeDom == "party_waiting" and _currentDay == "Saturday" and $time == "Night">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_Party_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> Take Angela to the Corporate Party </a> </div> <</if>> <<if $questAngelaOfficeDom == "tell_angela" and $time == "Night">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_GoodNews_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> Tell her about the new office job </a> </div> <</if>> <!-- LAUREN WEEKLY PAYMENT SYSTEM --> <<if typeof $daysList !== 'undefined'>> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if _currentDay is "Friday" and $questLaurenRevengeDom is "completed" and $laurenLastPaidDay neq $dayIndex>> <<set $money += 1000>> <<set $laurenLastPaidDay to $dayIndex>> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 20px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">💰 WEEKLY TRANSFER RECEIVED</span><br> <span style="color: #ccc; font-size: 14px;">$1000 from Lauren was added to your account.</span> </div> <</if>> <</if>> <div style="text-align: center; margin-bottom: 10px;"> <<if $time == "Night">> <<if $angelaLastTalkDay != $dayCount>> <img src="images/angela awake dom.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is laying on the the bed, awaiting your return.</p> <<else>> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela has fallen asleep.</p> <</if>> <<elseif $time == "Late Night" or $time == "Midnight" or $time == "Sleep">> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela is fast asleep.</p> <<else>> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <<else>> <img src="images/Old main bedroom.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <</if>> <</if>> </div> <!-- FIXED TYPO HERE (Changed $DayCount to $dayCount) --> <<if $time == "Night" and $angelaLastTalkDay != $dayCount>> <div style="margin: 5px auto 30px auto; max-width: 400px;"> <<if $questFindDateDom == "active">> <!-- SPECIAL QUEST BUTTON --> <a data-passage="Quest_Angela_Night_Dom" style="display: block; background: #251800; border: 1px solid #dfba6b; border-radius: 8px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.35); cursor: pointer;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px;"> ❗ CONFRONT ANGELA </span> </a> <<else>> <!-- STANDARD DAILY INTERACTION --> <a data-passage="TalkToAngela_Dom" style="display: block; background: #141414; border: 1px solid #dfba6b; border-radius: 8px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.15); cursor: pointer;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px;"> 💬 APPROACH ANGELA </span> </a> <</if>> </div> <</if>> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 600px; margin: 0 auto;"> <a data-passage="SleepPassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Sleep.png'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">SLEEP</span> </div> </a> <a data-passage="PCPassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Pc.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">PC</span> </div> </a> <a data-passage="WardrobePassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Wardrobe.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">WARDROBE</span> </div> </a> <!-- HALLWAY BUTTON (WITH NAKED & BAREFOOT CHECK) --> <<if $currentOutfit and $currentOutfit neq "None" and $currentOutfit neq "" and $equippedShoes and $equippedShoes neq "None" and $equippedShoes neq "">> <<if $hallwayUpgraded>> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Upgraded hallway.webp'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <<else>> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/Hallway.jpg'); background-size: cover; background-position: center;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #d4af37; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">HALLWAY</span> </div> </a> <</if>> <<else>> <!-- NAKED / BAREFOOT TRAP --> <div style="width: 260px; height: 140px; border-radius: 12px; background: #14141d; border: 1px solid #e91e63; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.5);"> <span style="color: #e91e63; font-size: 12px; font-weight: bold; margin-bottom: 8px;">⚠️ Need Clothes & Shoes!</span> <<link "Go to Wardrobe" "WardrobePassage_Dom">><</link>> </div> <</if>> <a data-passage="UpgradeHousePassage_Dom" style="display: block; position: relative; width: 260px; height: 140px; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.5); background-image: url('images/green-home-improvements-1000x600.jpg'); background-size: cover; background-position: center; border: 1px solid #dfba6b;"> <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 25px 10px 12px 10px; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 14px;">🛠️ UPGRADE HOUSE</span> </div> </a> </div> <div style="display: none;"> [[TalkToAngela_Dom]] [[SleepPassage_Dom]] [[PCPassage_Dom]] [[WardrobePassage_Dom]] [[HallwayPassage_Dom]] [[UpgradeHousePassage_Dom]] </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <div style="background: rgba(20, 20, 24, 0.85); border-radius: 12px; padding: 25px; border: 1px solid #444; max-width: 600px; margin: 20px auto; text-align: left; font-family: sans-serif; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <!-- ============================================== --> <!-- LAYER 1: IS SHE SLEEPING / ALREADY TALKED? --> <!-- ============================================== --> <<if $time == "Late Night" || $time == "Midnight" || $time == "Sleep" || ($time == "Night" && $angelaLastTalkDay == $dayCount)>> <div style="text-align: center;"> <p style="color: #ccc; font-style: italic; font-size: 15px; margin-bottom: 25px;"> Angela is already asleep, or resting quietly. You've exerted enough control over her for one night. </p> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 2: IS SHE NOT IN HER ROOM AT ALL? --> <!-- ============================================== --> <<elseif $time != "Night">> <div style="text-align: center;"> <p style="color: #ccc; font-style: italic; font-size: 15px; margin-bottom: 25px;"> Angela isn't in her bedroom right now. </p> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; cursor: pointer;">LEAVE</a> </div> <!-- ============================================== --> <!-- LAYER 3: THE DOMINANT REPEATABLE MENU --> <!-- ============================================== --> <<else>> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/angela approach dom.jpg" style="max-width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <p style="color: #ccc; line-height: 1.6; margin-bottom: 20px; font-style: italic;"> You step into Angela's bedroom. She immediately sits up straighter on the bed with her sexy lingerie, waiting to see what you want from her. </p> <!-- ANGELA DIALOGUE BOX (DOM STYLE) --> <div style="background-color: rgba(0, 188, 212, 0.1); border: 2px solid #00bcd4; border-radius: 8px; padding: 15px; display: flex; align-items: center; margin-bottom: 30px;"> <img @src="$avatarAngela" style="width: 60px; height: 60px; border-radius: 5px; margin-right: 15px; border: 1px solid #00bcd4; object-fit: cover;"> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 5px;">Angela</div> <div style="color: #e0e0e0; font-size: 15px; font-weight: 500; font-style: italic;"> Let's have some fun, daddy 🫦 </div> </div> </div> <!-- INTERACTION MENU OPTIONS --> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center;"> <!-- OPTION 1: BLOWJOB --> <a data-passage="AngelaDom_Blowjob" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Gentle Blowjob <span style="color: #ff69b4; font-size: 11px; margin-left: 5px;">(+1 Love)</span> </a> <!-- OPTION 2: SEX --> <a data-passage="AngelaDom_Sex" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Passionate Sex <span style="color: #ff69b4; font-size: 11px; margin-left: 5px;">(+1 Love)</span> </a> <!-- OPTION 3: DEEPTHROAT --> <<if $jackDominance >= 20 && $angelaObedience >= 5>> <a data-passage="AngelaDom_Deepthroat" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Fuck her throat <span style="color: #00bcd4; font-size: 11px; margin-left: 5px;">(+1 Obedience)</span> </a> <<else>> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> Fuck her throat <span style="font-size: 11px;">(Req 20 Dom, 5 Obed)</span> </div> <</if>> <!-- OPTION 4: ANAL SEX (DYNAMIC STAGE BUTTON) --> <<if $jackDominance >= 30 && $angelaObedience >= 15>> <!-- STAGE 0: NOT PROPOSED YET --> <<if typeof $angelaAnalStageDom === 'undefined'>> <a data-passage="AngelaDom_Anal" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Command Anal </a> <!-- STAGE 1: WAITING FOR PLUG --> <<elseif $angelaAnalStageDom == 1>> <<if not $hasButtplug>> <!-- Player doesn't have the plug --> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> Buy a buttplug first </div> <<else>> <!-- Player bought the plug --> <a data-passage="AngelaDom_Anal" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Give her the plug </a> <</if>> <!-- STAGE 2: WAITING 7 DAYS --> <<elseif $angelaAnalStageDom == 2>> <<if $dayCount >= $angelaPlugDayDom + 7>> <!-- Ready for the first time --> <a data-passage="AngelaDom_Anal" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Destroy her ass <span style="color: #00bcd4; font-size: 11px; margin-left: 5px;">(+5 Obedience)</span> </a> <<else>> <!-- Checking during the 7 days --> <a data-passage="AngelaDom_Anal" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Check her stretching </a> <</if>> <!-- STAGE 3: FULLY UNLOCKED --> <<elseif $angelaAnalStageDom == 3>> <a data-passage="AngelaDom_Anal" style="display: block; width: 100%; max-width: 400px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> Destroy her ass <span style="color: #00bcd4; font-size: 11px; margin-left: 5px;">(+3 Obedience)</span> </a> <</if>> <!-- REQUIREMENTS NOT MET --> <<else>> <div style="display: block; width: 100%; max-width: 400px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> Destroy her ass <span style="font-size: 11px;">(Req 30 Dom, 15 Obed)</span> </div> <</if>> <!-- RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> More is coming soon... </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="color: #888; text-decoration: none; font-size: 14px; border-bottom: 1px solid #888; cursor: pointer;">Leave her be</a> </div> <</if>> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[AngelaDom_Blowjob]] [[AngelaDom_Sex]] [[AngelaDom_Deepthroat]] [[AngelaDom_Anal]] </div> <</nobr>>
<<nobr>> <!-- NORMAL SLEEP ROUTE --> <div style="margin-top: 20px;"> <h3 style="color: #d4af37; margin-bottom: 20px;">Resting</h3> <p style="margin-bottom: 15px;">You climb back into bed, letting exhaustion pull you under as you rest for the night.</p> <!-- Reset Energy & Advance Day --> <<set $dayCount += 1>> <<set $energy = 100>> <<set $dayIndex += 1>> <<set $time = "Morning">> <div style="background: rgba(0, 230, 118, 0.1); border: 1px solid #00e676; border-radius: 6px; padding: 10px 14px; color: #00e676; font-weight: bold; margin: 15px 0; display: inline-block;"> Energy fully restored </div> <p style="margin-bottom: 15px;">You wake up feeling refreshed. A new day begins.</p> <div style="margin-top: 35px;"> [[Get out of bed|MainHub_Dom]] </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto; font-family: 'Cinzel', 'Georgia', serif;"> <<if $questAngelaOfficeDom == "confront_angela">> <!-- QUEST VIEW (Blocks standard navigation) --> <div style="text-align: center; margin-top: 50px; margin-bottom: 50px;"> <h2 style="color: #00bcd4; letter-spacing: 2px; text-transform: uppercase;">The Hallway is a mess</h2> <p style="color: #ccc; margin-bottom: 25px;">You need to find out why Angela hasn't been doing her chores.</p> <a data-passage="Quest_Angela_Hallway_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer;"> Confront Angela </a> </div> <<else>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">WHERE TO?</h2> <!-- 4-COLUMN FLEX GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BEDROOM --> <a data-passage="MainHub_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); transition: transform 0.2s;"> <<if $bedroomUpgraded>> <img src="images/Upgraded main bedroom.JPEG" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old main bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BEDROOM</span> </div> </a> <!-- BATHROOM --> <a data-passage="BathroomPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $bathroomUpgraded>> <img src="images/Upgraded bathroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Bathroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">BATHROOM</span> </div> </a> <!-- KITCHEN --> <a data-passage="KitchenPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $kitchenUpgraded>> <img src="images/Upgraded kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old kitchen.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">KITCHEN</span> </div> </a> <!-- LIVING ROOM --> <a data-passage="LivingRoomPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $livingRoomUpgraded>> <img src="images/Upgraded livingroom.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old livingroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;">LIVING ROOM</span> </div> </a> <!-- CHARLOTTE'S ROOM --> <a data-passage="CharlottesRoomPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">CHARLOTTE'S ROOM</span> </div> </a> <!-- BACKYARD --> <a data-passage="BackyardPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $backyardUpgraded>> <img src="images/Upgraded backyard.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Backyard.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #fff; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">BACKYARD</span> </div> </a> <!-- OUTSIDE / EXIT HOME --> <a data-passage="OutsidePassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/outside.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;">OUTSIDE</span> </div> </a> </div> <!-- Closes the 4-COLUMN FLEX GRID --> <</if>> <!-- Closes the if/else statement --> <!-- HIDDEN LINKS TO KEEP TWINE MAP CONNECTIONS --> <div style="display: none;"> [[MainHub_Dom]] [[BathroomPassage_Dom]] [[KitchenPassage_Dom]] [[LivingRoomPassage_Dom]] [[CharlottesRoomPassage_Dom]] [[BackyardPassage_Dom]] [[OutsidePassage_Dom]] </div> </div> <!-- Closes the Main Background Container --> <</nobr>>
<<nobr>> <style> /* 1. AGGRESSIVE TWINE UI RESET */ #ui-bar { display: none !important; width: 0 !important; } #story { margin: 0 !important; padding: 0 !important; border: none !important; max-width: 100vw !important; left: 0 !important; top: 0 !important; } #passages { max-width: 100vw !important; margin: 0 !important; padding: 0 !important; border: none !important; } body { overflow: hidden !important; margin: 0; padding: 0; background: #000 !important; } /* 2. FULL SCREEN OS ENVIRONMENT */ #os-environment-player { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #0b0c10; background-image: url('images/PCPassage_Dom background.png'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; z-index: 99999; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; overflow: hidden; } /* 3. DESKTOP GRID STYLES */ .desktop-icon-grid { padding: 40px; display: flex; flex-direction: column; gap: 35px; width: 120px; z-index: 100; position: relative; } .desktop-icon { text-align: center; cursor: pointer; border-radius: 12px; padding: 10px; transition: all 0.2s ease; } .desktop-icon:hover { background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); transform: scale(1.05); } .icon-img { font-size: 55px; margin-bottom: 8px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.6)); } .icon-text { color: #fff; font-size: 14px; text-shadow: 0 2px 4px rgba(0,0,0,0.9); font-weight: bold; } /* 4. APP WINDOW STYLES */ .app-window { display: none; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 85%; max-width: 1100px; height: 80%; background: rgba(18, 20, 28, 0.95); backdrop-filter: blur(25px); border: 1px solid rgba(255,255,255,0.15); border-radius: 16px; box-shadow: 0 25px 60px rgba(0,0,0,0.8); flex-direction: column; overflow: hidden; z-index: 200; } .app-header { height: 45px; background: rgba(0,0,0,0.6); border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; flex-shrink: 0; } .close-btn { color: #ff5f56; font-size: 22px; font-weight: bold; cursor: pointer; transition: 0.2s; } .close-btn:hover { color: #ff8580; transform: scale(1.1); } .app-content { flex-grow: 1; overflow-y: auto; padding: 30px; position: relative; } /* 5. SPECIFIC APP STYLES */ .gallery-img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 5px 15px rgba(0,0,0,0.4); transition: 0.2s; } .gallery-img:hover { transform: scale(1.03); border-color: #ff5252; box-shadow: 0 10px 25px rgba(255,82,82,0.4); } .job-listing { background: #f8f9fa; border: 1px solid #dfe1e5; padding: 25px; border-radius: 12px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; color: #333; box-shadow: 0 4px 10px rgba(0,0,0,0.05); } .btn-action { background: #4285F4; color: #fff; padding: 12px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none; display: inline-block; border: none; transition: 0.2s; text-align: center; } .btn-action:hover { background: #3367d6; box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); transform: translateY(-2px); } </style> <<if typeof $jackKnowledge === 'undefined'>><<set $jackKnowledge = 0>><</if>> <<if typeof $energy === 'undefined'>><<set $energy = 100>><</if>> <<if typeof $pornWatched === 'undefined'>><<set $pornWatched = 0>><</if>> <div id="os-environment-player"> <!-- DESKTOP ICONS --> <div class="desktop-icon-grid"> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-research').css('display', 'flex');"> <div class="icon-img">📚</div> <div class="icon-text">RESEARCH</div> </div> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-porn').css('display', 'flex');"> <div class="icon-img">🔞</div> <div class="icon-text">XPORNX</div> </div> <<if $questJobDom == "active">> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-jobs').css('display', 'flex');"> <div class="icon-img" style="filter: drop-shadow(0 4px 6px rgba(46,213,115,0.4));">💼</div> <div class="icon-text" style="color: #2ed573;">Job Board</div> </div> <</if>> <!-- OLD DARK WEB ICON (Hides once backdoor is planted) --> <<if $questLaurenRevengeDom is "find_dirt" or $questLaurenRevengeDom is "learn_hacking">> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-hacking').css('display', 'flex');"> <div class="icon-img" style="filter: drop-shadow(0 4px 6px rgba(255,183,77,0.4));">☠️</div> <div class="icon-text" style="color: #ffb74d;">Dark Web</div> </div> <</if>> <!-- DIRECT LINK: LAUREN SPY APP --> <<if $questLaurenRevengeDom is "monitor_lauren" or $questLaurenRevengeDom is "confront_lauren" or $questLaurenRevengeDom is "completed">> <a data-passage="LaurenPC_Monitor_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="desktop-icon" style="text-decoration: none; display: block;"> <div class="icon-img" style="filter: drop-shadow(0 4px 6px rgba(220,20,60,0.8));">👁️</div> <div class="icon-text" style="color: #dc143c;">L_Remote</div> </a> <</if>> <a data-passage="MainHub_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="desktop-icon" style="text-decoration: none; display: block; margin-top: 40px;"> <div class="icon-img" style="color: #4fc3f7; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.8));">⏻</div> <div class="icon-text" style="color: #4fc3f7;">Shut Down</div> </a> </div> <!-- APP: RESEARCH --> <div id="app-research" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #fff; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">🔒 wikipedia.org/general_studies</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #fff; color: #333; padding: 50px;"> <h1 style="color: #000; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 0;">General Studies & Research</h1> <p style="font-size: 16px; line-height: 1.6; color: #555;"> Welcome to the digital encyclopedia. Spending time here researching various topics, history, and applied sciences will gradually improve your intellect and dialogue options. </p> <div style="margin-top: 40px; text-align: center; background: #f0f4f8; padding: 40px; border-radius: 12px; border: 1px solid #d9e2ec;"> <h3 style="margin-top: 0; color: #334e68; margin-bottom: 25px;">Current Knowledge Level: <span style="color: #0a84ff;"><<print $jackKnowledge>></span></h3> <<if $energy >= 20>> <a data-passage="PC_Research_Action_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action" style="padding: 15px 40px; font-size: 16px;"> Start Researching<br> <span style="font-size: 12px; font-weight: normal; opacity: 0.8;">(-20 Energy, Passes Time)</span> </a> <<else>> <div style="color: #ff5252; font-weight: bold; font-size: 16px; padding: 15px;">You are too exhausted to study. (Requires 20 Energy)</div> <</if>> </div> </div> </div> <!-- OLD APP: HACKING/DARK WEB --> <<if $questLaurenRevengeDom is "find_dirt" or $questLaurenRevengeDom is "learn_hacking">> <div id="app-hacking" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #ffb74d; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">🔒 onion.router/exploit_db</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #0f0f15; color: #ffb74d; padding: 50px; font-family: monospace;"> <h1 style="color: #ffb74d; border-bottom: 2px solid #ffb74d; padding-bottom: 10px; margin-top: 0;">Exploit Database & Tools</h1> <p style="font-size: 16px; line-height: 1.6; color: #ccc;"> Accessing underground forums and corporate vulnerability databases. Use this terminal to research methods for infiltrating secure company laptops. </p> <div style="margin-top: 40px; text-align: center; background: #1a1a24; padding: 40px; border-radius: 12px; border: 1px solid #ffb74d;"> <h3 style="margin-top: 0; color: #fff; margin-bottom: 25px;">Target: Lauren's Workstation</h3> <!-- KNOWLEDGE & ENERGY CHECKS --> <<if $jackKnowledge < 20>> <div style="color: #ff5252; font-weight: bold; font-size: 14px; padding: 15px; background: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; display: inline-block; letter-spacing: 1px;"> ERROR: INSUFFICIENT KNOWLEDGE<br> <span style="font-size: 12px; font-weight: normal; color: #ccc; text-transform: none;">(Requires 20 Knowledge. Use the General Research app to study first.)</span> </div> <<elseif $energy < 20>> <div style="color: #ff5252; font-weight: bold; font-size: 16px; padding: 15px;">You are too exhausted to study exploits. (Requires 20 Energy)</div> <<else>> <a data-passage="HackingResearch_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action" style="background: #ffb74d; color: #111; padding: 15px 40px; font-size: 16px;"> Compile Hacking Payload<br> <span style="font-size: 12px; font-weight: normal; opacity: 0.8;">(-20 Energy, Passes Time)</span> </a> <</if>> </div> </div> </div> <</if>> <!-- APP: PORN / INCOGNITO --> <div id="app-porn" class="app-window"> <div class="app-header"> <div style="background: rgba(40,10,10,0.8); padding: 6px 20px; border-radius: 15px; color: #ff5252; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">🕵️♂️ Incognito Tab</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #111;"> <h2 style="color: #ff5252; text-align: center; margin-top: 0; margin-bottom: 30px; letter-spacing: 2px; text-transform: uppercase;">Hub Premium</h2> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;"> <<if $pornWatched >= 2>> <div style="grid-column: 1 / -1; text-align: center; margin-top: 30px;"> <div style="color: #ccc; margin-bottom: 25px; font-style: italic; font-size: 16px;">You've watched enough to get completely riled up. It's time to finish.</div> <a data-passage="PC_JerkOff_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action" style="background: #ff5252; padding: 15px 50px; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 0 20px rgba(255,82,82,0.4);"> 💦 Jerk Off </a> </div> <<else>> <<if $energy >= 20>> <a data-passage="PC_Porn_Action_Dom" data-setter="$pornCategory = 'deepthroat'" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" style="display: block; cursor: pointer; text-decoration: none;"> <img src="images/adult1.jpg" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">Deepthroat</div> </a> <a data-passage="PC_Porn_Action_Dom" data-setter="$pornCategory = 'bdsm'" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" style="display: block; cursor: pointer; text-decoration: none;"> <img src="images/adult2.jpg" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">BDSM</div> </a> <a data-passage="PC_Porn_Action_Dom" data-setter="$pornCategory = 'gangbang'" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" style="display: block; cursor: pointer; text-decoration: none;"> <img src="images/adult3.jpg" class="gallery-img"> <div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">Gangbang</div> </a> <<else>> <div style="grid-column: 1 / -1; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-align: center; font-weight: bold; padding: 20px; background: rgba(255,82,82,0.1);">You are too exhausted for this right now. (Requires 20 Energy)</div> <div style="opacity: 0.3; pointer-events: none;"> <img src="images/adult1.jpg" class="gallery-img"><div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold;">Deepthroat</div> </div> <div style="opacity: 0.3; pointer-events: none;"> <img src="images/adult2.jpg" class="gallery-img"><div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold;">BDSM</div> </div> <div style="opacity: 0.3; pointer-events: none;"> <img src="images/adult3.jpg" class="gallery-img"><div style="color: #ff5252; text-align: center; margin-top: 10px; font-weight: bold;">Gangbang</div> </div> <</if>> <</if>> </div> </div> </div> <!-- APP: JOB BOARD --> <<if $questJobDom == "active">> <div id="app-jobs" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #fff; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">💼 localjobs.com</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #fff; color: #333; padding: 50px;"> <h1 style="color: #0a84ff; margin-top: 0;">Local Job Board</h1> <p style="color: #666; margin-bottom: 30px;">Find employment opportunities in your area.</p> <div class="job-listing"> <div> <div style="font-size: 22px; font-weight: bold; color: #222;">Accountant Needed</div> <div style="color: #666; font-size: 15px; margin-top: 5px;">Apex Global Financial • Full-Time</div> </div> <a data-passage="Quest_AccountantJob_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="btn-action">Apply</a> </div> </div> </div> <</if>> </div> <div style="display: none;"> [[MainHub_Dom]] [[PC_Research_Action_Dom]] [[PC_Porn_Action_Dom]] [[PC_JerkOff_Dom]] [[Quest_AccountantJob_Dom]] [[HackingResearch_Dom]] [[LaurenPC_Monitor_Dom]] </div> <</nobr>>
<<nobr>> <!-- 1. SAFETY CHECK --> <<if ndef $equippedWatch>><<set $equippedWatch = "None">><</if>> <!-- 2. RECALCULATE LOOKS STAT DYNAMICALLY --> <<set $jackLooks = 0>> <!-- Apparel Math (Workout Clothes now give 0) --> <<if $currentOutfit == "Casual">><<set $jackLooks += 5>> <<elseif $currentOutfit == "Workout Clothes">><<set $jackLooks += 0>> <<elseif $currentOutfit == "Formal Suit">><<set $jackLooks += 15>><</if>> <!-- Footwear Math (Training Shoes now give 0) --> <<if $equippedShoes == "Sneakers">><<set $jackLooks += 0>> <<elseif $equippedShoes == "Casual Shoes">><<set $jackLooks += 5>> <<elseif $equippedShoes == "Training Shoes">><<set $jackLooks += 0>> <<elseif $equippedShoes == "Formal Shoes">><<set $jackLooks += 10>><</if>> <!-- Accessory Math --> <<if $equippedWatch == "Standard Watch">><<set $jackLooks += 2>> <<elseif $equippedWatch == "Designer Watch">><<set $jackLooks += 12>> <<elseif $equippedWatch == "Luxury Watch">><<set $jackLooks += 30>><</if>> <!-- 3. WARDROBE UI --> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 800px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">WARDROBE</h2> <!-- Equipped Status Display --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; margin-bottom: 25px;"> <div style="color: #ddd; font-size: 14px; margin-bottom: 5px;">CURRENT STYLE</div> <div style="color: #dfba6b; font-weight: bold; font-size: 16px;"> <<print $currentOutfit>> | <<print $equippedShoes>> | <<print $equippedWatch>> </div> <div style="color: #4fc3f7; font-weight: bold; font-size: 14px; margin-top: 10px;"> TOTAL LOOKS BONUS: +<<print $jackLooks>> </div> </div> <!-- ======================= --> <!-- SECTION: APPAREL --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Apparel</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Casual Clothes --> <<if $hasCasualClothes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Casual Set</div> <img src="images/Casual clothes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Casual">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+5)">><<set $currentOutfit = "Casual">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Workout Clothes --> <<if $hasMensSport>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Workout Clothes</div> <img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Workout Clothes">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+0)">><<set $currentOutfit = "Workout Clothes">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Formal Suit --> <<if $hasFormalSuit>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Formal Suit</div> <img src="images/Formal suit.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $currentOutfit == "Formal Suit">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+15)">><<set $currentOutfit = "Formal Suit">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> </div> <!-- ======================= --> <!-- SECTION: FOOTWEAR --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Footwear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Sneakers --> <<if $hasSneakers>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Basic Sneakers</div> <img src="images/Sneakers.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Sneakers">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+0)">><<set $equippedShoes = "Sneakers">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Casual Shoes --> <<if $hasCasualShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Casual Shoes</div> <img src="images/Casual shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Casual Shoes">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+5)">><<set $equippedShoes = "Casual Shoes">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Training Shoes --> <<if $hasMensShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Training Shoes</div> <img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Training Shoes">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+0)">><<set $equippedShoes = "Training Shoes">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Formal Shoes --> <<if $hasFormalShoes>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Formal Shoes</div> <img src="images/Formal shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedShoes == "Formal Shoes">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+10)">><<set $equippedShoes = "Formal Shoes">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> </div> <!-- ======================= --> <!-- SECTION: WATCHES --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Accessories</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- No Watch (Unequip) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Bare Wrist</div> <div style="width: 120px; height: 120px; border-radius: 8px; border: 1px dashed #555; margin: 0 auto 10px auto; display: flex; align-items: center; justify-content: center; color: #555; font-size: 12px;">NONE</div> <<if $equippedWatch == "None">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Remove Watch">><<set $equippedWatch = "None">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <!-- Cheap Watch --> <<if $hasCheapWatch>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Standard Watch</div> <img src="images/Cheap watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedWatch == "Standard Watch">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+2)">><<set $equippedWatch = "Standard Watch">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Designer Watch --> <<if $hasExpensiveWatch>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Designer Watch</div> <img src="images/Expensive watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedWatch == "Designer Watch">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+12)">><<set $equippedWatch = "Designer Watch">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> <!-- Luxury Watch --> <<if $hasLuxuryWatch>> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Luxury Watch</div> <img src="images/Luxury watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #555; margin-bottom: 10px;"> <<if $equippedWatch == "Luxury Watch">> <div style="color: #4CAF50; font-weight: bold; border: 2px solid #4CAF50; border-radius: 8px; padding: 8px 0;">EQUIPPED</div> <<else>> <<link "Equip (+30)">><<set $equippedWatch = "Luxury Watch">><<goto "WardrobePassage_Dom">><</link>> <</if>> </div> <</if>> </div> <!-- REPAIRED DYNAMIC RETURN BUTTON --> <div style="text-align: center; margin-top: 40px;"> <span style="display: inline-block; padding: 10px 25px; background: #141414; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold;"> <<return "CLOSE WARDROBE">> </span> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <h2 style="color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; text-align: center;">HOUSE UPGRADES</h2> <!-- DISPLAY CURRENT MONEY --> <div style="background: rgba(223, 186, 107, 0.1); border: 1px solid #dfba6b; border-radius: 8px; padding: 12px; text-align: center; margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 1px;"> CURRENT MONEY: $<span style="color: #fff;"><<print $money>></span> </span> <div style="color: #ff5252; font-size: 12px; font-style: italic; margin-top: 5px; letter-spacing: 0.5px;"> * Upgrading doesn't do anything yet. </div> </div> <div style="max-width: 600px; margin: 0 auto;"> <!-- 1. CHARLOTTE'S ROOM ($8,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Charlotte's Room Upgrade — $8,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Fix up Charlotte's bedroom with a fresh coat of paint, clean bedding, and new furniture. </p> <<if $charlotteRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 8000>> <div style="text-align: center;"> <<button "Upgrade Charlotte's Room ($8,000)">> <<set $money -= 8000>> <<set $charlotteRoomUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $8,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 2. BATHROOM ($12,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Bathroom Renovation — $12,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace old fixtures with modern tilework, an upgraded vanity, and a new glass shower stall. </p> <<if $bathroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 12000>> <div style="text-align: center;"> <<button "Upgrade Bathroom ($12,000)">> <<set $money -= 12000>> <<set $bathroomUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $12,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- HALLWAY RENOVATION ($15,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Hallway Renovation — $15,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Modernize the shared hallway with clean flooring, fresh paint, and modern wall lighting. </p> <<if $hallwayUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 15000>> <div style="text-align: center;"> <<button "Upgrade Hallway ($15,000)">> <<set $money -= 15000>> <<set $hallwayUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $15,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 3. MAIN BEDROOM ($18,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Main Bedroom Remodel — $18,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Replace worn furniture with a king-size bed frame, elegant lighting, and new hardwood flooring. </p> <<if $bedroomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 18000>> <div style="text-align: center;"> <<button "Upgrade Main Bedroom ($18,000)">> <<set $money -= 18000>> <<set $bedroomUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $18,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 4. KITCHEN ($25,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Kitchen Overhaul — $25,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Install luxury marble countertops, custom cabinets, and top-of-the-line stainless steel appliances. </p> <<if $kitchenUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 25000>> <div style="text-align: center;"> <<button "Upgrade Kitchen ($25,000)">> <<set $money -= 25000>> <<set $kitchenUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $25,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 5. LIVING ROOM ($35,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Living Room Redesign — $35,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Furnish with modern leather seating, a high-end entertainment system, and full interior decoration. </p> <<if $livingRoomUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 35000>> <div style="text-align: center;"> <<button "Upgrade Living Room ($35,000)">> <<set $money -= 35000>> <<set $livingRoomUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $35,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- 6. BACKYARD ($50,000) --> <div style="background: #1a1e2b; border: 1px solid #2a3042; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);"> <h3 style="color: #00bcd4; margin-top: 0; margin-bottom: 10px;">Backyard & Exterior — $50,000</h3> <p style="color: #ccc; font-size: 14px; line-height: 1.5; margin-bottom: 15px;"> Full landscaping, private fencing, outdoor lounge furniture, and a patio area. </p> <<if $backyardUpgraded>> <div style="color: #4CAF50; font-weight: bold; padding: 10px; background: rgba(76, 175, 80, 0.1); border-radius: 6px; text-align: center;"> ✓ ALREADY PURCHASED </div> <<else>> <<if $money >= 50000>> <div style="text-align: center;"> <<button "Upgrade Backyard ($50,000)">> <<set $money -= 50000>> <<set $backyardUpgraded = true>> <<set $houseUpgraded = true>> <<goto "UpgradeHousePassage_Dom">> <</button>> </div> <<else>> <div style="color: #ff5252; font-size: 13px; text-align: center; font-style: italic;"> You need $50,000 to purchase this upgrade. </div> <</if>> <</if>> </div> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 30px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> BACK TO MAIN BEDROOM </a> </div> </div> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">BATHROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <!-- ========================================================== --> <!-- 1. MAIN ROOM SCENE --> <!-- ========================================================== --> <div style="text-align: center; margin-bottom: 25px;"> <<if $bathroomUpgraded>> <img src="images/Upgraded bathroom.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Bathroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <!-- ========================================================== --> <!-- 2. NAVIGATION CARDS --> <!-- ========================================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- SHOWER CARD --> <a data-passage="ShowerPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/photo-1507652313519-d4e9174996dd.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">TAKE A SHOWER</span> </div> </a> <!-- SHAVE CARD --> <a data-passage="ShavePassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Shaving.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SHAVE</span> </div> </a> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="bathroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage_Dom]] [[ShowerPassage_Dom]] [[ShavePassage_Dom]] </div> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">KITCHEN</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <!-- ========================================================== --> <!-- 1. MAIN ROOM SCENE --> <!-- ========================================================== --> <div style="text-align: center; margin-bottom: 25px;"> <<if $kitchenUpgraded>> <img src="images/Upgraded kitchen.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old kitchen.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <!-- ========================================================== --> <!-- 2. NAVIGATION CARDS --> <!-- ========================================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BREAKFAST CARD (MORNING ONLY) --> <<if $time is "Morning">> <a data-passage="HaveBreakfastPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/breakfast.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">FAMILY BREAKFAST</span> </div> </a> <</if>> <!-- EAT / SNACK CARD --> <a data-passage="EatPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/may23-ohh-healthy-snacks.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">EAT A SNACK</span> </div> </a> <<if $energy < 10>> <!-- LOCKED: TOO TIRED --> <div style="color: #ff5252; font-weight: bold; text-align: center; width: 180px; height: 240px; display: flex; align-items: center; justify-content: center; border: 1px solid #ff5252; border-radius: 16px; background: rgba(255, 82, 82, 0.1);"> Too tired to clean. (Requires 10 Energy) </div> <<else>> <!-- OPEN: HAS ENOUGH ENERGY --> <!-- CLEAN KITCHEN CARD --> <a data-passage="CleanKitchenPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/668cd596bf7fcda362e08694_The Best Way to Hand Wash Dishes.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">CLEAN KITCHEN</span> </div> </a> <</if>> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="kitchen-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage_Dom]] [[HaveBreakfastPassage_Dom]] [[EatPassage_Dom]] [[CleanKitchenPassage_Dom]] </div> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">LIVING ROOM</h2> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <!-- ========================================================== --> <!-- 1. MAIN ROOM SCENE --> <!-- ========================================================== --> <div style="text-align: center; margin-bottom: 25px;"> <<if $livingRoomUpgraded>> <img src="images/Upgraded livingroom.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old livingroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> </div> <!-- ========================================================== --> <!-- 2. NAVIGATION CARDS --> <!-- ========================================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- WATCH TV CARD --> <a data-passage="WatchTVPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/tv.jpg" style="width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">WATCH TV</span> </div> </a> <!-- RETURN TO HALLWAY --> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="livingroom-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 24px; font-size: 14px;"></div> </div> <div style="display: none;"> [[HallwayPassage_Dom]] [[WatchTVPassage_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">CHARLOTTES ROOM</h2> <div style="text-align: center; margin-bottom: 25px;"> <<if $time is "Evening">> <<if $questFindDateDom == "completed">> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You open Charlotte's door without knocking. She immediately drops what she is doing and sits up straight, offering you her full, undivided attention. </p> <img src="images/Obedient charlotte awake.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Hi Daddy. Did you need me for something?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Just checking in on you. Keep yourself busy.</div> </div> </div> <<else>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You enter Charlotte's room without knocking and find her laying on the floor, deeply engrossed in a book. </p> <img src="images/Nerdy charlotte awake.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Daddy, can you knock on the door next time?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Yeah, sure Charlotte. <i>(Damn, my little angel has a woman's body now)</i></div> </div> </div> <</if>> <<elseif $time is "Night">> <img src="images/Charlotte asleep.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0">Charlotte is asleep in bed.</p> <<else>> <<if $charlotteRoomUpgraded>> <img src="images/Upgraded charlotte room.webp" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <<else>> <img src="images/Old charlotte bedroom.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <</if>> <</if>> </div> <<if $time is "Evening">> <<if $questFindDateDom == "stage5">> <div style="margin: 0 auto 25px auto; max-width: 380px; text-align: center;"> <a data-passage="Quest_Confront_Charlotte_Dom" style="display: block; background: #251800; border: 1px solid #dfba6b; border-radius: 10px; padding: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.4); cursor: pointer;"> <span style="color: #dfba6b; font-size: 15px; font-weight: bold; letter-spacing: 1.5px; font-family: sans-serif;">⚠️ CONFRONT CHARLOTTE</span> </a> </div> <<elseif $questFindDateDom == "completed">> <div style="margin: 0 auto 25px auto; max-width: 380px; text-align: center;"> <a data-passage="TalkToCharlottePassage_Dom" style="display: block; background: #181820; border: 1px solid #2ed573; border-radius: 10px; padding: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(46, 213, 115, 0.2); cursor: pointer;"> <span style="color: #2ed573; font-size: 15px; font-weight: bold; letter-spacing: 1.5px; font-family: sans-serif;">💬 APPROACH HER</span> </a> </div> <</if>> <</if>> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <<if $charlotteRoomSearched>> <<if $time is "Evening" or $time is "Night">> <a onclick="document.getElementById('charlotte-output').innerText = '(Charlotte is right there. You cannot use her laptop right now.)';" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.5); cursor: pointer;"> <img src="images/Pc.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.3) grayscale(0.8);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">CHARLOTTE'S PC</span> </div> </a> <<else>> <<if $questFindDateDom == "stage3">> <a data-passage="CharlottePCPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(46, 213, 115, 0.5); border: 2px solid #2ed573; cursor: pointer;"> <img src="images/Pc.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">UNLOCK LAPTOP</span> </div> </a> <<else>> <a data-passage="CharlottePCPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Pc.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">CHARLOTTE'S PC</span> </div> </a> <</if>> <</if>> <<elseif $questSearchCharlotteDom == "active">> <<if $time is "Evening" or $time is "Night">> <a onclick="document.getElementById('charlotte-output').innerText = '(Charlotte is here. You must wait until the room is empty to search it.)';" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.5); cursor: pointer;"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.3) grayscale(0.8);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <<else>> <a data-passage="SearchCharlotteRoomPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/search.png" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">SEARCH ROOM</span> </div> </a> <</if>> <</if>> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> <div id="charlotte-output" style="margin-top: 25px; text-align: center; font-style: italic; color: #ccc; min-height: 40px; font-size: 14px; font-family: sans-serif;"></div> </div> <div style="display: none;"> [[HallwayPassage_Dom]] [[CharlottePCPassage_Dom]] [[SearchCharlotteRoomPassage_Dom]] [[TalkToCharlottePassage_Dom]] [[CharlotteWakesUpPassage_Dom]] [[Quest_Confront_Charlotte_Dom]] </div> <</nobr>>
<<nobr>> <style> /* Main Room Picture Container */ .main-room-container { text-align: center; margin: 0 auto 20px auto; max-width: 650px; } .main-room-img { width: 100%; max-height: 380px; object-fit: cover; border-radius: 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); display: block; } /* Backyard Navigation Grid */ .backyard-grid { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; } /* Base Card Style */ .nav-card { position: relative; width: 150px; height: 220px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); transition: transform 0.2s ease, box-shadow 0.2s ease; display: block; } /* Active Hover Effect */ .nav-card.active:hover { transform: translateY(-6px); box-shadow: 0 8px 25px rgba(223, 186, 107, 0.4); } /* Image Centering */ .nav-card img { width: 100%; height: 100%; object-fit: cover !important; object-position: center center !important; display: block; } /* Label Styling */ .nav-card-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 8px 12px; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 65%, transparent 100%); text-align: center; font-size: 11px; font-weight: bold; color: #dfba6b; letter-spacing: 1.5px; text-transform: uppercase; } /* Locked Card Style */ .nav-card.locked { filter: grayscale(85%) brightness(0.5); cursor: not-allowed; } .locked-text { color: #ff5252; display: block; font-size: 10px; margin-top: 4px; letter-spacing: 1px; } </style> <div style="text-align: center; padding: 10px;"> <h2 style="color: #fff; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px;">BACKYARD</h2> <!-- DYNAMIC MAIN ROOM IMAGE --> <div class="main-room-container"> <<if $backyardUpgraded>> <!-- UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Upgraded backyard night.jpg" class="main-room-img" alt="Upgraded Backyard Night"> <<else>> <img src="images/Upgraded backyard.png" class="main-room-img" alt="Upgraded Backyard Day"> <</if>> <<else>> <!-- OLD / NOT UPGRADED BACKYARD --> <<if $time == "Evening" or $time == "Night">> <img src="images/Backyard night.jpg" class="main-room-img" alt="Old Backyard Night"> <<else>> <img src="images/Backyard.jpg" class="main-room-img" alt="Old Backyard Day"> <</if>> <</if>> </div> <!-- ACTION BUTTONS GRID --> <div class="backyard-grid"> <!-- 1. SWIM IN POOL --> <<if $backyardUpgraded>> <a data-passage="SwimPool_Dom" class="nav-card active"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label">SWIM IN POOL</div> </a> <<else>> <div class="nav-card locked"> <img src="images/pool.webp" alt="Swim in Pool"> <div class="nav-card-label"> SWIM IN POOL<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <!-- 2. SUNBATHE --> <<if $backyardUpgraded>> <a data-passage="SunbathePassage_Dom" class="nav-card active"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label">SUNBATHE</div> </a> <<else>> <div class="nav-card locked"> <img src="images/sunbathe.jpg" alt="Sunbathe"> <div class="nav-card-label"> SUNBATHE<br> <span class="locked-text">🔒 LOCKED</span> </div> </div> <</if>> <a data-passage="HallwayPassage_Dom" style="display: block; position: relative; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if $hallwayUpgraded>> <img src="images/Upgraded hallway.webp" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/Hallway.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">HALLWAY</span> </div> </a> </div> </div> <div style="display: none;"> [[HallwayPassage_Dom]] [[SwimPool_Dom]] [[SunbathePassage_Dom]] </div> <</nobr>>
<<nobr>> <<if not $currentOutfit or $currentOutfit eq "" or not $equippedShoes or $equippedShoes eq "">> <div style="background: #14141d; border: 1px solid #e91e63; border-radius: 12px; padding: 30px; text-align: center; max-width: 500px; margin: 40px auto;"> <h3 style="color: #e91e63; margin-top: 0;">⚠️ Stop! You can't go outside like this!</h3> <p style="color: #ddd; font-size: 14px; margin-bottom: 20px;">You need to be wearing both an outfit and shoes before stepping out of the house.</p> <<link "Go back inside (Hallway)" "HallwayPassage_Dom">><</link>> </div> <<else>> <h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 30px;">CITY MAP</h2> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 620px; margin: 0 auto;"> <!-- GYM --> <a data-passage="Gym_Dom" class="room-btn" style="background-image: url('images/Gym.webp');"> <div class="room-btn-label">GYM</div> </a> <!-- OFFICE --> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if $time is "Evening" and $questLaurenRevengeDom is "hack_laptop">> <!-- THE HEIST OVERRIDE --> <a data-passage="OfficeInfiltration_Dom" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); border: 2px solid #ffb74d; box-shadow: 0 0 15px rgba(255,183,77,0.6);"> <div class="room-btn-label" style="color: #ffb74d; font-weight: bold; text-shadow: 0 0 5px #000;">OFFICE (INFILTRATE)</div> </a> <<elseif $time is "Evening" or $time is "Night" or _currentDay is "Saturday" or _currentDay is "Sunday">> <a class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (CLOSED)</div> </a> <<elseif $hasJobDom eq true>> <a data-passage="OfficePassage_Dom" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg');"> <div class="room-btn-label">OFFICE</div> </a> <<else>> <a data-passage="OutsidePassage_Dom" class="room-btn" style="background-image: url('images/677fca1e357f045dcb2ebfaf_Office Buildings Classification-min.jpg'); filter: brightness(40%);"> <div class="room-btn-label" style="color: #888;">🔒 OFFICE (LOCKED)</div> </a> <</if>> <!-- HOSPITAL --> <a data-passage="Hospital_Dom" class="room-btn" style="background-image: url('images/emergency.jpg');"> <div class="room-btn-label">HOSPITAL</div> </a> <!-- MALL --> <<if $time is "Evening" or $time is "Night">> <a class="room-btn" style="background-image: url('images/mall exterior.jpg'); filter: brightness(30%); cursor: not-allowed;"> <div class="room-btn-label" style="color: #888;">🔒 MALL (CLOSED)</div> </a> <<else>> <a data-passage="Mall_Dom" class="room-btn" style="background-image: url('images/mall exterior.jpg');"> <div class="room-btn-label">MALL</div> </a> <</if>> <!-- BROTHEL --> <a data-passage="Brothel_Dom" class="room-btn" style="background-image: url('images/brothel.avif');"> <div class="room-btn-label">BROTHEL</div> </a> <!-- Dark_Alley_Dom --> <a data-passage="Dark_Alley_Dom" class="room-btn" style="background-image: url('images/Dark alley.jpeg');"> <div class="room-btn-label">DARK ALLEY</div> </a> <!-- NIGHTCLUB --> <a data-passage="NightClub_Dom" class="room-btn" style="background-image: url('images/Nightclub.jpg');"> <div class="room-btn-label">NIGHTCLUB</div> </a> <!-- NEIGHBOR HOUSE --> <a data-passage="Neighbor_Dom" class="room-btn" style="background-image: url('images/neighbor house.webp');"> <div class="room-btn-label">NEIGHBOR</div> </a> <!-- ============================================== --> <!-- DYNAMIC MAP QUEST EVENTS --> <!-- ============================================== --> <div style="width: 100%; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-top: 30px;"> <!-- STAGE 2: SPY AT THE PARK (Afternoon Only) --> <<if $questFindDateDom == "stage2" and $time == "Afternoon">> <a data-passage="Quest_Park_Spy_Dom" style="display: block; width: 100%; max-width: 600px; background: rgba(223, 186, 107, 0.1); border: 2px solid #dfba6b; border-radius: 12px; padding: 15px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.3); text-align: center; cursor: pointer;"> <span style="color: #dfba6b; font-size: 16px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 0 5px rgba(223, 186, 107, 0.5);"> 👁️ SPY ON CHARLOTTE AT THE PARK </span> </a> <</if>> </div> <!-- BACK BUTTON (OUR HOUSE) --> <<if $houseUpgraded>> <!-- UPGRADED MANSION --> <a data-passage="HallwayPassage_Dom" class="room-btn" style="background-image: url('images/Upgraded house.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">BACK HOME</div> </a> <<else>> <!-- OLD HOUSE --> <a data-passage="HallwayPassage_Dom" class="room-btn" style="background-image: url('images/House.jpg'); border: 2px solid #555;"> <div class="room-btn-label">BACK HOME</div> </a> <</if>> <div style="display: none;"> [[Mall_Dom]] [[Dark_Alley_Dom]] [[Gym_Dom]] [[Hospital_Dom]] [[OfficePassage_Dom]] [[OfficeInfiltration_Dom]] [[Brothel_Dom]] [[NightClub_Dom]] [[Neighbor_Dom]] [[HallwayPassage_Dom]] </div> </div> <</if>> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 20, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- EAT GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Eatin.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You grab a quick bite to eat at the counter and recharge. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +20 | Time Passes... </p> <a data-passage="KitchenPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage_Dom]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- Subtracts 10 Energy --> <<set $energy = Math.max(($energy || 0) - 10, 0)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- CLEAN GIF CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/dish-washer-sponge-bop.gif" style="width: 100%; height: 100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You wipe down the pristine surfaces and keep the kitchen spotless. </p> <!-- STAT UPDATE UI BOX (Standardized Size) --> <div style="text-align: center; margin-top: 30px; margin-bottom: 25px; padding: 15px; background: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px;"> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -10</span> </div> <a data-passage="KitchenPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO KITCHEN </a> </div> <div style="display: none;"> [[KitchenPassage_Dom]] </div> <</nobr>>
<<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy = Math.min(($energy || 0) + 15, 100)>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <!-- SHOWER GIF / VIDEO CONTAINER --> <div style="width: 100%; max-height: 420px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <<if ($showerStage || 0) is 1>> <!-- STAGE 1 GIF --> <img src="images/shower2.gif" style="width: 100%; height: 100%; object-fit: cover;"> <<else>> <!-- STAGE 0 GIF --> <img src="images/shower1.gif" style="width: 100%; height: 100%; object-fit: cover;"> <</if>> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You take a long, hot shower to refresh yourself. </p> <p style="color: #28a745; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Energy +15 | Time Passes... </p> <a data-passage="BathroomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO BATHROOM </a> </div> <div style="display: none;"> [[BathroomPassage_Dom]] </div>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 25px;">SHAVING</h2> <<if $justShavedBeard>> <div style="text-align: center; margin-bottom: 25px; background: rgba(0, 188, 212, 0.1); border: 1px solid #00bcd4; border-radius: 12px; padding: 20px;"> <img src="images/guy_shaving.gif" style="width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 2px solid #00bcd4; margin-bottom: 15px;"> <div style="color: #00bcd4; font-size: 20px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 0 8px rgba(0,188,212,0.5);"> +2 LOOKS </div> <div style="color: #888; font-size: 13px; font-style: italic; margin-top: 5px;"> You are looking sharp. </div> </div> <<unset $justShavedBeard>> <<else>> <p style="color: #ccc; font-size: 15px; text-align: center; margin-bottom: 20px;"> Shaving takes time, consumes a razor, and hair will naturally regrow after 10 days. Keeping your beard freshly shaved increases your looks. </p> <</if>> <p style="text-align: center; color: #dfba6b; font-weight: bold; margin-bottom: 25px;"> Razors Available: x<<print ($razors || 0)>> </p> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #dfba6b; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <div style="display: flex; justify-content: space-between; align-items: center;"> <div> <strong style="color: #fff; font-size: 16px;">Beard</strong> <<set _faceDaysPassed = $dayCount - $faceShavedDay>> <<if _faceDaysPassed < 10>> <div style="color: #888; font-size: 13px; margin-top: 4px;">Status: Clean Shaven (<<print (10 - _faceDaysPassed)>> days until regrowth)</div> <<else>> <div style="color: #ff9800; font-size: 13px; margin-top: 4px;">Status: Stubble grown out (Ready)</div> <</if>> </div> <div> <<if _faceDaysPassed >= 10>> <<if ($razors || 0) > 0>> <<link '<div style="padding: 8px 15px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 6px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer;">Shave Beard</div>'>> <<set $razors -= 1>> <<set $faceShavedDay = $dayCount>> <<set $faceShaved = true>> <<set $jackLooks += 2>> <<if $time is "Morning">><<set $time = "Noon">><<elseif $time is "Noon">><<set $time = "Afternoon">><<elseif $time is "Afternoon">><<set $time = "Evening">><<elseif $time is "Evening">><<set $time = "Night">><</if>> <<set $justShavedBeard = true>> <<goto "ShavePassage_Dom">> <</link>> <<else>> <span style="color: #f44336; font-size: 13px; font-weight: bold;">No Razors</span> <</if>> <<else>> <span style="color: #666; font-size: 13px; font-weight: bold; text-transform: uppercase;">Smooth</span> <</if>> </div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="BathroomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> BACK TO BATHROOM </a> </div> </div> <div style="display: none;">[[BathroomPassage_Dom]]</div> <</nobr>>
<<nobr>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <div style="width: 100%; height: 380px; border-radius: 12px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.7);"> <img src="images/Watch tv.gif" style="width:60%; height:100%; object-fit: cover;"> </div> <p style="color: #ddd; font-size: 16px; line-height: 1.6; margin-bottom: 10px; font-style: italic;"> You stretch out on the designer couch and watch TV to pass the time. </p> <p style="color: #dfba6b; font-weight: bold; font-size: 14px; margin-bottom: 25px;"> Time Passes... </p> <a data-passage="LivingRoomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px;"> RETURN TO LIVING ROOM </a> </div> <div style="display: none;"> [[LivingRoomPassage_Dom]] </div> <</nobr>>
<<nobr>> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 15px;"> You step into Charlotte's room and close the door quietly behind you. The first thing that catches your eye is her laptop resting on her desk. You flip it open, hoping for an easy look into her private messages. </p> <!-- Player's Dialogue Box --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Well, here goes nothing. Everything I'm doing is to protect Charlotte, anyway.)</i></div> </div> </div> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 15px;"> As soon as the screen wakes up, you are greeted by a password prompt. </p> <!-- LOCKED PC IMAGE --> <img src="images/locked pc.png" style="width: 100%; max-width: 450px; border-radius: 12px; border: 2px solid #2ed573; display: block; margin: 0 auto 20px auto; box-shadow: 0 4px 15px rgba(46, 213, 115, 0.2);"> <!-- Player's Dialogue Box --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Shit. It's locked.)</i></div> </div> </div> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 15px;"> You remember that Charlotte used to write down the smallest details of her day in her diary, so you start searching the room for it. </p> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 25px;"> Tucked away inside her bottom drawer, buried beneath a pile of panties, is a small, unmarked shoebox. You pull the lid off. </p> <!-- DISCOVERY BOX WITH HORIZONTAL IMAGES --> <div style="background: #14141d; border-left: 4px solid #2ed573; padding: 15px; border-radius: 8px; margin: 0 auto 25px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <p style="color: #2ed573; font-weight: bold; font-size: 16px; margin: 0 0 10px 0;">Inside the box, you find:</p> <ul style="color: #ccc; font-size: 14px; margin: 0 0 15px 0; padding-left: 20px;"> <li style="margin-bottom: 5px;">A small, half-empty ziplock bag of weed.</li> <li style="margin-bottom: 5px;">A lighter.</li> <li>A thick, slightly sticky dildo.</li> </ul> <div style="display: flex; justify-content: center; gap: 15px;"> <img src="images/weed.jpg" style="width: 48%; max-height: 160px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573; box-shadow: 0 2px 8px rgba(46, 213, 115, 0.2);"> <img src="images/Dildo5.jpg" style="width: 48%; max-height: 160px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573; box-shadow: 0 2px 8px rgba(46, 213, 115, 0.2);"> </div> </div> <!-- Player's Dialogue Box --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(What the fuck... My stepdaughter whom I thought is innocent and shy is getting high and fucking herself with this thing?)</i></div> </div> </div> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 15px;"> A surge of anger hits you. Your first instinct is to storm downstairs, throw the box on the kitchen counter, and demand an explanation. But you stop yourself. Confronting her now burns your advantage. If you want true control over her, you need the full picture first. You need to know what else she's hiding. </p> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 25px;"> You carefully place the items back exactly as you found them. As you slide the box back into the drawer, a small sticky note flutters to the floor. You pick it up. It has a single line written in Charlotte's handwriting: </p> <div style="text-align: center; background: #fff; color: #000; font-family: 'Comic Sans MS', cursive, sans-serif; font-size: 18px; font-weight: bold; padding: 20px; border-radius: 4px; width: 250px; margin: 0 auto 25px auto; box-shadow: 2px 2px 10px rgba(0,0,0,0.5), inset 0 0 10px rgba(200,200,200,0.5); transform: rotate(-2deg);"> PC Password:<br> The date of our first date ❤️ </div> <!-- Player's Dialogue Box --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Fuck. "Our" first date? She must mean that Omar kid. Which means the park wasn't her first date... she lied right to my face.)</i></div> </div> </div> <p style="color: #ccc; font-size: 15px; line-height: 1.6; margin-bottom: 15px;"> Your jaw clenches. Charlotte has been keeping secrets, playing the innocent daughter while sneaking around behind your back. If you want to crack that laptop and uncover the full extent of her lies, you are going to have to find out exactly when this supposed "first date" happened. </p> <<set $charlotteRoomSearched = true>> <<set $questSearchCharlotteDom = "completed">> <<set $questFindDateDom = "active">> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <</if>> <!-- NEW QUEST BOX --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px; text-transform: uppercase;">🌟 Crack the Laptop</span><br> <span style="color: #ccc; font-size: 13px; margin-top: 5px; display: block;">Find out the date of Charlotte's first date with Omar to unlock her PC.</span> </div> <div style="text-align: center; margin-top: 30px;"> <<link "Leave the room exactly as it was" "CharlottesRoomPassage_Dom">><</link>> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Charlotte's Room</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: center; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Charlotte is sitting on her bed. What would you like to do? </p> <!-- ACTION BUTTONS --> <div style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 20px;"> <!-- KISS HER BUTTON --> <a data-passage="Charlotte_Kiss_Dom" style="display: flex; align-items: center; justify-content: center; padding: 15px 40px; background: rgba(255, 82, 82, 0.1); color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; width: 250px; box-shadow: 0 4px 10px rgba(255, 82, 82, 0.2);"> 💋 KISS HER </a> <!-- CHECK GRADES BUTTON (SATURDAYS ONLY) --> <<set _currentDay to $daysList[$dayIndex % 7]>> <<if _currentDay is "Saturday">> <div> <a data-passage="Charlotte_Grades_Dom" style="display: flex; align-items: center; justify-content: center; padding: 15px 40px; background: rgba(46, 213, 115, 0.1); color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; width: 250px; box-shadow: 0 4px 10px rgba(46, 213, 115, 0.2);"> 📚 CHECK GRADES </a> </div> <<else>> <div style="display: flex; flex-direction: column; align-items: center; gap: 8px;"> <div style="display: flex; align-items: center; justify-content: center; padding: 15px 40px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: not-allowed; width: 250px; opacity: 0.7;"> 📚 CHECK GRADES </div> <div style="color: #2ed573; font-size: 12px; font-weight: bold; letter-spacing: 0.5px;">(Only available on Saturdays)</div> </div> <</if>> <!-- RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> More is coming soon... </div> <!-- RETURN BUTTON --> <a data-passage="CharlottesRoomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; margin-top: 15px;"> RETURN </a> </div> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[Charlotte_Kiss_Dom]] [[Charlotte_Grades_Dom]] [[CharlottesRoomPassage_Dom]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Swimming Pool</h3> <<if $time is "Night">> <p>It's too dark and late out to go for a swim right now. You should come back tomorrow.</p> <<else>> <!-- Check if player has enough energy --> <<if $energy >= 30>> <!-- Deduct energy, add fitness, advance time --> <<set $energy -= 30>> <<set $jackFitness += 1>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You dive into the cool water and swim a few rigorous laps. It's exhausting, but you can feel yourself getting into better shape.</p> <!-- Placeholder for Main Image --> <img src="images/swimming.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notifications --> <p style="color: #4caf50; font-weight: bold; text-align: center;">[+] Fitness increased by 1!</p> <p style="color: #f44336; font-weight: bold; text-align: center;">[-] Energy decreased by 30.</p> <<else>> <!-- Fallback if energy is too low --> <p>You are far too exhausted to go swimming right now. You need at least 30 Energy.</p> <</if>> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage_Dom]] </div> <</nobr>>
<<nobr>> <h3 style="color: #d4af37;">Sunbathing</h3> <<if $time is "Night">> <p>The sun has already gone down. It's much too late for sunbathing.</p> <<else>> <!-- Add energy, prevent going over maxEnergy, advance time --> <<set $energy += 20>> <<if $energy > $maxEnergy>> <<set $energy = $maxEnergy>> <</if>> <<if $time is "Morning">> <<set $time = "Noon">> <<elseif $time is "Noon">> <<set $time = "Afternoon">> <<elseif $time is "Afternoon">> <<set $time = "Evening">> <<elseif $time is "Evening">> <<set $time = "Night">> <</if>> <p>You lay out on a lounger and soak up the sun. The warmth is incredibly relaxing and gives you a nice boost of energy to keep going.</p> <!-- Placeholder for Main Image --> <img src="images/sunbathing.gif" style="width: 100%; max-width: 500px; border-radius: 8px; display: block; margin: 20px auto;"> <!-- Stat Notification --> <p style="color: #00e676; font-weight: bold; text-align: center;">[+] Energy increased by 20!</p> <</if>> <br> <div style="text-align: center;"> [[Back to Backyard|BackyardPassage_Dom]] </div> <</nobr>>
<h2 style="text-align: center; color: #fff; letter-spacing: 2px; margin-bottom: 20px;">THE MALL</h2> <!-- MAIN MALL IMAGE --> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/mall.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <!-- SHOP --> <a data-passage="SHOP_Dom" class="room-btn" style="background-image: url('images/SHOP EXTERIOR.webp');"> <div class="room-btn-label">SHOP</div> </a> <!-- ADULT SHOP --> <a data-passage="ADULTSHOP_Dom" class="room-btn" style="background-image: url('images/Adultshop.webp');"> <div class="room-btn-label">ADULT SHOP</div> </a> <!-- ELECTRONICS SHOP --> <a data-passage="ELECTRONICSSHOP_Dom" class="room-btn" style="background-image: url('images/ELECTRONICS EXTERIOR.png');"> <div class="room-btn-label">ELECTRONICS STORE</div> </a> <!-- BOUTIQUE --> <a data-passage="BOUTIQUE_Dom" class="room-btn" style="background-image: url('images/CLOTHINGSTORE EXTERIOR.avif');"> <div class="room-btn-label">BOUTIQUE</div> </a> <!-- EXIT TO CITY --> <a data-passage="OutsidePassage_Dom" class="room-btn" style="background-image: url('images/outside.jpg'); border: 2px solid #d4af37;"> <div class="room-btn-label">EXIT TO CITY</div> </a> </div> <!-- HIDDEN BACKEND LINKS: This forces Twine to register the passages and draw map lines without cluttering your UI --> <div style="display: none;"> [[SHOP_Dom]] [[ELECTRONICSSHOP_Dom]] [[ADULTSHOP_Dom]] [[BOUTIQUE_Dom]] [[OutsidePassage_Dom]] </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">IRONFORGE GYM</h2> <img src="images/GymReception.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- ONE-TIME PURCHASE DIALOGUE --> <<if $justBoughtGymPass>> <div style="background-color: rgba(223, 186, 107, 0.15); border: 2px solid #dfba6b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarMandy" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;" alt="Mandy"> </div> <div> <div style="color: #dfba6b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Mandy</div> <div style="color: #eee; font-size: 14px;">All set, handsome. Don't push yourself too hard on the floor... or do. I like a guy who knows how to sweat ;).</div> </div> </div> <!-- Instantly disable so it only shows once --> <<set $justBoughtGymPass = false>> <</if>> <div id="gym-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- Membership Check --> <<if $gymExpiryDay > $dayCount>> <div style="text-align: center; color: #4CAF50; font-weight: bold; margin-bottom: 25px;"> Membership Active: <<print ($gymExpiryDay - $dayCount)>> days remaining. </div> <div style="display: flex; justify-content: center; gap: 30px;"> <!-- Locker Room --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 180px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 15px;">Locker Room</div> <<link '<img src="images/LockerRoom.jpg" style="width: 100%; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">' "WardrobePassage_Dom">><</link>> <div style="color: #888; font-size: 12px; margin-top: 8px;">Change Clothes</div> </div> <!-- Workout Button --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 180px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 15px;">Workout</div> <<link '<img src="images/GymFloor.jpg" style="width: 100%; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $currentOutfit != "Workout Clothes" or $equippedShoes != "Training Shoes">> <<replace "#gym-msg">>You Can't train! (Requires: Workout Clothes & Training Shoes)<</replace>> <<elseif $energy < 30>> <<replace "#gym-msg">>You are too exhausted to train! Rest up.<</replace>> <<else>> <<goto "GymFloor_Dom_Action">> <</if>> <</link>> <div style="color: #4CAF50; font-size: 12px; margin-top: 8px; font-weight: bold;">-30 Energy</div> </div> </div> <!-- Note --> <div style="text-align: center; color: #888; font-size: 13px; font-style: italic; margin-top: 25px;"> * Note: Every 20 Fitness points increases your Max Energy by 10. </div> <<else>> <!-- No Membership Active --> <div style="text-align: center; color: #ff5252; font-weight: bold; margin-bottom: 20px;"> No active membership. </div> <div style="display: flex; justify-content: center;"> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 200px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">7-Day Pass</div> <<link '<img src="images/GymPass.jpg" style="width: 100%; height: 100px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 500>> <<set $money -= 500>> <<set $gymExpiryDay = $dayCount + 7>> <<set $justBoughtGymPass = true>> <<goto "Gym_Dom">> <<else>> <<replace "#gym-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $500</div> </div> </div> <</if>> <div style="text-align: center; margin-top: 40px;"> <<link "LEAVE GYM" "OutsidePassage_Dom">><</link>> </div> </div> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <<if $time is "Evening" or $time is "Night">> <div style="background: #0f0f15; border-radius: 16px; padding: 40px; border: 1px solid #ff5252; max-width: 600px; margin: 40px auto; text-align: center;"> <h2 style="color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE...</h2> <p style="color: #ddd; font-size: 16px; margin-bottom: 30px;">The office is closing up for the evening. Security tells you it's time to leave.</p> <<link "EXIT TO CITY" "OutsidePassage_Dom">><</link>> </div> <<timed 3.5s>><<goto "OutsidePassage_Dom">><</timed>> <<else>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 20px;">THE OFFICE</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #dfba6b; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div id="office-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 580px; margin: 0 auto;"> <<if $energy < 20>> <<link '<div class="room-btn" style="width: 180px; height: 250px; background-image: url(\'images/work.webp\'); background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(100%); opacity: 0.8; border: 1px solid #333; border-radius: 8px;"><div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #fff; padding: 5px; text-align: center; font-weight: bold; margin-top: 210px;">WORK</div></div>'>> <<replace "#office-msg">>You are too tired! You need at least 20 Energy to work.<</replace>> <</link>> <<else>> <a data-passage="OfficeWorkPassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/work.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 1px solid #dfba6b;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #dfba6b; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">WORK DESK</div> </a> <</if>> <<if $questAngelaOfficeDom == "first_day" or $questAngelaOfficeDom == "completed">> <a data-passage="AngelaDeskPassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Angela office desk.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 1px solid #00bcd4;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #00bcd4; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">ANGELA'S DESK</div> </a> <</if>> <a data-passage="KendraOfficePassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Kendra office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 1px solid #333;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #fff; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">KENDRA'S OFFICE</div> </a> <a data-passage="CoworkerDeskPassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/Lauren office.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 1px solid #333;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #fff; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">COWORKER DESK</div> </a> <a data-passage="ManagerOfficePassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/manager office.png'); background-size: cover; background-position: top center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 1px solid #333;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #fff; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">MANAGER OFFICE</div> </a> <a data-passage="OutsidePassage_Dom" class="room-btn" style="width: 180px; height: 250px; background-image: url('images/outside.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: block; text-decoration: none; border-radius: 8px; border: 2px solid #dfba6b;"> <div class="room-btn-label" style="background: rgba(0,0,0,0.7); color: #dfba6b; padding: 5px; text-align: center; font-weight: bold; margin-top: 215px;">EXIT TO CITY</div> </a> </div> <</if>> <div style="display: none;"> [[OfficeWorkPassage_Dom]] [[AngelaDeskPassage_Dom]] [[KendraOfficePassage_Dom]] [[CoworkerDeskPassage_Dom]] [[ManagerOfficePassage_Dom]] [[OutsidePassage_Dom]] </div> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 30px;">ACTIVE QUESTS</h2> <!-- QUEST 1: SECURE A JOB / FIRST DAY --> <<if $questJobDom == "active" or $questFirstDayDom == "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #dfba6b; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #dfba6b; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💼 Secure A Job</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Angela currently holds the purse strings, giving her the illusion of authority. To take your rightful place as the head of the household, you need to establish your own income.</div> <<if $questJobDom == "active">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #dfba6b; font-weight: normal;">Boot up your PC and secure a steady source of cash.</span></div> <<elseif $questFirstDayDom == "active">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #dfba6b; font-weight: normal;">Head to the corporate office in the City during the Morning for your first day of work.</span></div> <</if>> </div> <</if>> <!-- QUEST 2: FAMILY BREAKFAST --> <<if $questBreakfastDom == "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #2ed573; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #2ed573; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🍳 The Patriarch</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">For too long, you've allowed the women in this house to treat you like a ghost in the mornings. It's time to reclaim your seat at the head of the table and establish your presence.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Interrupt their routine. Join Angela and Charlotte for breakfast in the kitchen. (Morning)</span></div> </div> <</if>> <!-- QUEST 3: SEARCH CHARLOTTE'S ROOM --> <<if $questSearchCharlotteDom == "active">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #2ed573; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #2ed573; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🔍 Snooping Around</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Your stepdaughter is hiding something, and Omar seems to be the catalyst. Her bedroom likely holds the secrets she's too afraid to share.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Wait for Charlotte to leave the house, then search her bedroom.</span></div> </div> <</if>> <!-- QUEST 4: CRACK THE LAPTOP --> <<if $questFindDateDom != "inactive" and $questFindDateDom != "completed">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #2ed573; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #2ed573; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💻 Crack the Laptop</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">The innocent facade is over. Charlotte is hiding a drug stash, and Omar is pulling the strings. You need to gather enough information to bypass her digital security and uncover her hidden life.</div> <<if $questFindDateDom == "active">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Interrogate Angela tonight. Squeeze her for information about Omar.</span></div> <<elseif $questFindDateDom == "stage2">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Tail them. Go to the city park this afternoon and spy on their rendezvous.</span></div> <<elseif $questFindDateDom == "stage3">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Infiltrate Charlotte's room and unlock her laptop (Password: spring formal).</span></div> <<elseif $questFindDateDom == "stage4">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Time to play the predator. Ambush Omar in the dark alley. (Afternoon)</span></div> <<elseif $questFindDateDom == "stage5">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #2ed573; font-weight: normal;">Corner Charlotte in her bedroom. (Evening)</span></div> <</if>> </div> <</if>> <!-- QUEST: THE WAGE CUT & LAUREN'S REVENGE --> <!-- STAGE 1: RED THEME (Go to Kendra) --> <<if $questLaurenRevengeDom is "active" and $metLaurenDom is true>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #dc143c; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #dc143c; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💼 Corporate Retaliation</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Lauren manipulated Kendra with her lies, resulting in a brutal 50% cut to your daily wage. You need to build your digital skills and hack her laptop to turn the tables.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #dc143c; font-weight: normal;">Go to Kendra's office.</span></div> </div> <!-- STAGE 2+: ORANGE THEME (Hacking Lauren) --> <<elseif $questLaurenRevengeDom is "find_dirt" or $questLaurenRevengeDom is "learn_hacking" or $questLaurenRevengeDom is "buy_device" or $questLaurenRevengeDom is "hack_laptop" or $questLaurenRevengeDom is "monitor_lauren" or $questLaurenRevengeDom is "confront_lauren">> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #ffb74d; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #ffb74d; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">💼 Corporate Retaliation</div> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">Lauren manipulated Kendra with her lies, resulting in a brutal 50% cut to your daily wage. You need to build your digital skills and hack her laptop to turn the tables.</div> <<if $questLaurenRevengeDom is "find_dirt">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Learn some hacking. (PC)</span></div> <<elseif $questLaurenRevengeDom is "learn_hacking">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Continue studying network exploits on your PC to prepare the payload. <span style="font-weight: bold;">(Hacking Skill: <<print $jackHackingDom>>/5)</span></span></div> <<elseif $questLaurenRevengeDom is "buy_device">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">A retail store won't sell illegal hacking hardware. Track down someone in the darker parts of the city who deals in illicit goods.</span></div> <<elseif $questLaurenRevengeDom is "hack_laptop">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Go outside. (Evening)</span></div> <<elseif $questLaurenRevengeDom is "monitor_lauren">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">Remotely access Lauren's laptop. (PC)</span></div> <<elseif $questLaurenRevengeDom is "confront_lauren">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #ffb74d; font-weight: normal;">You have the ultimate blackmail material. Head to the office and confront Lauren.</span></div> <</if>> </div> <</if>> <!-- QUEST: A WIFE'S BURDEN (Angela's Office Job) --> <<if $questAngelaOfficeDom != "inactive" and $questAngelaOfficeDom != "completed" and $questAngelaOfficeDom != undefined>> <div style="background: #14141d; border: 1px solid #333; border-left: 5px solid #00bcd4; border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <div style="color: #00bcd4; font-weight: bold; font-size: 18px; margin-bottom: 10px; text-transform: uppercase;">🏨 A Wife's Burden</div> <<if $questAngelaOfficeDom == "confront_angela">> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">The house has been a mess lately. You need to confront Angela in the hallway about why she isn't doing her chores.</div> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Go to the hallway and ask Angela about the messy house.</span></div> <<else>> <!-- This spoiler text ONLY shows after the hallway confrontation --> <div style="color: #ccc; font-size: 14px; margin-bottom: 15px;">You discovered Angela has been secretly working as a hotel maid to keep the family afloat. It's time to pull her out of that grueling job and secure her a corporate position.</div> <<if $questAngelaOfficeDom == "talk_to_lauren">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Head to the office. Use your blackmail material to force Lauren into pitching Angela for a job.</span></div> <<elseif $questAngelaOfficeDom == "lauren_waiting">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Give Lauren a day to work her magic. Check back tomorrow.</span></div> <<elseif $questAngelaOfficeDom == "lauren_failed">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Check back in with Lauren at the office.</span></div> <<elseif $questAngelaOfficeDom == "convince_kendra">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Go to Kendra's office and convince her yourself.</span></div> <<elseif $questAngelaOfficeDom == "party_waiting">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Wait until Saturday Night. Then, take Angela to the Corporate Party. (Start from Main Bedroom)</span></div> <<elseif $questAngelaOfficeDom == "kendra_approval">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">The party is over. Go see Kendra at the office to finalize Angela's hiring.</span></div> <<elseif $questAngelaOfficeDom == "tell_angela">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">Wait until Night, then return to the bedroom and give Angela the good news.</span></div> <<elseif $questAngelaOfficeDom == "first_day">> <div style="color: #888; font-size: 13px; font-weight: bold;">OBJECTIVE: <span style="color: #00bcd4; font-weight: normal;">It is Angela's first day. Head to the office and see how she is settling in.</span></div> <</if>> <</if>> </div> <</if>> <!-- DOM ROUTE: TO BE CONTINUED SCREEN --> <<if $questAngelaOfficeDom == "completed" and $questLaurenRevengeDom == "completed" and $questFindDateDom == "completed">> <div style="background: #1a1a24; border: 2px dashed #dfba6b; border-radius: 12px; padding: 30px; text-align: center; margin: 40px auto; max-width: 600px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <h2 style="color: #dfba6b; letter-spacing: 2px; margin-bottom: 15px;">🌟 TO BE CONTINUED... 🌟</h2> <p style="color: #ddd; font-size: 16px; line-height: 1.5; margin-bottom: 20px; font-weight: 500;"> You have completed all available quests for the current version of the game! <br><br> Thank you so much for playing this early build. </p> <div style="background: rgba(223, 186, 107, 0.1); border-left: 4px solid #dfba6b; padding: 15px; margin: 20px 0;"> <p style="color: #ccc; font-style: italic; font-size: 14px; margin: 0;"> More story, events, and interactions are heavily under development. To support the project and get early access to the next update, please consider checking out the Patreon! </p> </div> </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <<link '<div style="display: inline-block; padding: 10px 30px; background: #1a1a24; color: #fff; border: 1px solid #555; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">BACK</div>' $lastPassage>><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 950px; margin: 20px auto;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">FAMILY BREAKFAST</h2> <img src="images/breakfast.jpg" style="width: 100%; max-width: 700px; border-radius: 12px; display: block; margin: 0 auto 20px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6);"> <!-- ========================================== --> <!-- FIRST TIME SPECIAL EVENT --> <!-- ========================================== --> <<if $breakfastCount == 0>> <<set $questBreakfastDom = "completed">> <<set $questSearchCharlotteDom = "active">> <p style="color: #ccc; font-size: 15px; margin: 0 auto 20px auto; max-width: 700px; line-height: 1.6;"> You stroll into the kitchen, making your presence known. Angela and Charlotte are already seated at the table, waiting for you. </p> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Morning.</div> </div> </div> <!-- Angela Dialogue --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 15px auto; max-width: 700px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Good morning, honey.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Morning, Daddy.</div> </div> </div> <!-- Angela Dialogue --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 15px auto; max-width: 700px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Charlotte, you aren't a little girl anymore. You really shouldn't call him that...</div> </div> </div> <p style="color: #ccc; font-size: 15px; margin: 0 auto 20px auto; max-width: 700px; line-height: 1.6;"> You catch a sharp, unmistakable edge of jealousy in Angela's voice. </p> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Looks like someone wants to be the only one calling me that.)</i> Leave her alone, Angela. Eat your breakfast, sweetheart, you need to get ready for school.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I will, Daddy. Um, by the way... there's a boy in my class who said he likes me. He seems really sweet. Can I hang out with him at the park after school?</div> </div> </div> <!-- Angela Dialogue --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 15px auto; max-width: 700px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Oh, my little angel has a boyfriend! That's adorable. Of course you have my permission.</div> </div> </div> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I didn't ask you, Angela. Quiet. Now... who exactly is this boy, Charlotte?</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">His name is Omar, he lives right next door! Please, Daddy? I'm eighteen and I've never even gone on a date before. Please let me go!</div> </div> </div> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>*Sighs.*</i> Fine. You can go. But if he tries anything you aren't comfortable with, you call me immediately. Understood?</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Yay! Thank you, Daddy!</div> </div> </div> <p style="color: #ccc; font-size: 15px; margin: 0 auto 20px auto; max-width: 700px; line-height: 1.6;"> Charlotte is growing up fast. You need to find out exactly who this Omar kid is before he gets his hands on your stepdaughter. </p> <!-- NEW QUEST BOX --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 0 auto; max-width: 700px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px; text-transform: uppercase;">🌟 Search Charlotte's Room</span><br> <span style="color: #ccc; font-size: 13px; margin-top: 5px; display: block;">Investigate her room while she's away to find out more about this Omar kid.</span> </div> <!-- ========================================== --> <!-- REPEATING CONSTANT EVENT --> <!-- ========================================== --> <<else>> <p style="color: #ccc; font-size: 15px; margin: 0 auto 20px auto; max-width: 700px; line-height: 1.6;"> You take your seat at the head of the table. The kitchen is quiet, save for the sound of morning traffic outside. </p> <!-- Charlotte Dialogue --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 15px auto; max-width: 700px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">"Good morning, Daddy. Are you working today?"</div> </div> </div> <!-- Jack Dialogue --> <div style="background-color: rgba(223, 186, 107, 0.15); border: 2px solid #dfba6b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 15px auto; max-width: 700px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;" alt="Jack"> </div> <div> <div style="color: #dfba6b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">"I am. Make sure you finish your breakfast before you get ready."</div> </div> </div> <p style="color: #ccc; font-size: 15px; margin: 0 auto 20px auto; max-width: 700px; line-height: 1.6;"> Angela silently slides a fresh mug of coffee across the table toward you before taking a sip of her own. You eat a satisfying meal in companionable silence. </p> <</if>> <!-- Close out logic --> <<set $breakfastCount += 1>> <<set $time = "Noon">> <div style="text-align: center; margin-top: 30px;"> <<link "FINISH BREAKFAST" "HallwayPassage_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <style> /* 1. AGGRESSIVE TWINE UI RESET (Fixes the vertical split line and leaking footer text) */ #ui-bar { display: none !important; width: 0 !important; } #story { margin: 0 !important; padding: 0 !important; border: none !important; max-width: 100vw !important; left: 0 !important; top: 0 !important; } #passages { max-width: 100vw !important; margin: 0 !important; padding: 0 !important; border: none !important; } body { overflow: hidden !important; margin: 0; padding: 0; background: #000 !important; } /* 2. FULL SCREEN OS ENVIRONMENT */ #os-environment { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #111 url('images/charlotte_wallpaper.jpg') center/cover no-repeat; z-index: 99999; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; overflow: hidden; } /* 3. DESKTOP GRID STYLES */ .desktop-icon-grid { padding: 40px; display: flex; flex-direction: column; gap: 35px; width: 120px; z-index: 10; } .desktop-icon { text-align: center; cursor: pointer; border-radius: 12px; padding: 10px; transition: all 0.2s ease; } .desktop-icon:hover { background: rgba(255,255,255,0.15); backdrop-filter: blur(5px); transform: scale(1.05); } .icon-img { font-size: 55px; margin-bottom: 8px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.6)); } .icon-text { color: #fff; font-size: 14px; text-shadow: 0 2px 4px rgba(0,0,0,0.9); font-weight: bold; } /* 4. APP WINDOW STYLES */ .app-window { display: none; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 85%; max-width: 1100px; height: 80%; background: rgba(18, 20, 28, 0.95); backdrop-filter: blur(25px); border: 1px solid rgba(255,255,255,0.15); border-radius: 16px; box-shadow: 0 25px 60px rgba(0,0,0,0.8); flex-direction: column; overflow: hidden; z-index: 20; } .app-header { height: 45px; background: rgba(0,0,0,0.4); border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; flex-shrink: 0; } .close-btn { color: #ff5f56; font-size: 22px; font-weight: bold; cursor: pointer; transition: 0.2s; } .close-btn:hover { color: #ff8580; transform: scale(1.1); } .app-content { flex-grow: 1; overflow-y: auto; padding: 30px; position: relative; } /* 5. MESSAGES APP SPLIT LAYOUT */ .imessage-layout { display: flex; height: 100%; width: 100%; overflow: hidden; padding: 0 !important; } .imessage-sidebar { width: 300px; background: rgba(0,0,0,0.3); border-right: 1px solid rgba(255,255,255,0.1); display: flex; flex-direction: column; overflow-y: auto; flex-shrink: 0; } .contact-item { display: flex; align-items: center; padding: 15px 20px; cursor: pointer; transition: 0.2s; border-bottom: 1px solid rgba(255,255,255,0.05); } .contact-item:hover { background: rgba(255,255,255,0.1); } .contact-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 15px; border: 2px solid rgba(255,255,255,0.2); flex-shrink: 0; } .contact-info { display: flex; flex-direction: column; overflow: hidden; } .contact-name { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 4px; } .contact-preview { color: #888; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; } .imessage-content { flex-grow: 1; position: relative; background: rgba(10,12,18,0.4); overflow: hidden; } .chat-thread { display: none; height: 100%; overflow-y: auto; padding: 30px; box-sizing: border-box; } /* 6. CHAT BUBBLE & CLICKABLE IMAGES */ .chat-container { display: flex; flex-direction: column; gap: 20px; max-width: 750px; margin: 0 auto; padding-bottom: 20px; } .msg-row { display: flex; gap: 15px; align-items: flex-end; } .msg-row.right { justify-content: flex-end; } .msg-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(255,255,255,0.2); margin-bottom: 5px; flex-shrink: 0; } .bubble { max-width: 70%; padding: 14px 18px; font-size: 16px; line-height: 1.5; color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.3); word-wrap: break-word; } .bubble-left { background: #3a3a3c; border-radius: 20px 20px 20px 4px; } .bubble-right { background: #0a84ff; border-radius: 20px 20px 4px 20px; } .chat-img { width: 100%; max-width: 250px; border-radius: 12px; margin-top: 10px; border: 1px solid rgba(255,255,255,0.1); cursor: zoom-in; transition: 0.2s; display: block; } .chat-img:hover { transform: scale(1.03); border-color: #0a84ff; } .gallery-img { width: 100%; height: 220px; object-fit: cover; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 5px 15px rgba(0,0,0,0.4); cursor: zoom-in; transition: 0.2s; } .gallery-img:hover { transform: scale(1.05); border-color: #2ed573; } /* 7. LIGHTBOX OVERLAY */ #image-lightbox { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); backdrop-filter: blur(10px); z-index: 999999; justify-content: center; align-items: center; cursor: zoom-out; } #lightbox-img { max-width: 90%; max-height: 90%; border-radius: 12px; box-shadow: 0 10px 50px rgba(0,0,0,0.8); object-fit: contain; } /* 8. LOGIN STYLES */ .login-overlay { position: absolute; inset: 0; background: rgba(10, 10, 15, 0.85); backdrop-filter: blur(15px); display: flex; align-items: center; justify-content: center; z-index: 200; } .login-box { background: rgba(25, 25, 35, 0.7); padding: 50px 60px; border-radius: 24px; border: 1px solid rgba(255,255,255,0.15); text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.8); } input.pc-password { background: rgba(0,0,0,0.6); border: 2px solid #444; color: #fff; padding: 14px; border-radius: 8px; width: 280px; text-align: center; margin-bottom: 25px; font-family: monospace; font-size: 20px; outline: none; } input.pc-password:focus { border-color: #2ed573; box-shadow: 0 0 15px rgba(46, 213, 115, 0.4); } .login-box button { background: #2ed573; color: #000; border: none; padding: 14px 40px; border-radius: 8px; font-weight: bold; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; transition: 0.2s; } .login-box button:hover { background: #26b360; box-shadow: 0 0 20px rgba(46, 213, 115, 0.6); } </style> <<if typeof $charlottePCUnlocked === 'undefined'>><<set $charlottePCUnlocked = false>><</if>> <div id="os-environment"> <<if $charlottePCUnlocked == false>> <div class="login-overlay"> <div class="login-box"> <img @src="$avatarCharlotte" style="width: 130px; height: 130px; object-fit: cover; border-radius: 50%; border: 4px solid rgba(255,255,255,0.2); margin-bottom: 20px;"> <div style="color: #fff; font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px;">Charlotte</div> <div style="color: #aaa; font-size: 14px; margin-bottom: 35px; text-transform: uppercase; letter-spacing: 3px;">Enter Password</div> <<textbox "$pcPasswordAttempt" "" autofocus class="pc-password">> <br> <<button "LOGIN">> <<set _attempt = $pcPasswordAttempt.toLowerCase().trim()>> <<if _attempt == "spring formal">> <<set $charlottePCUnlocked = true>> <<goto "CharlottePCPassage_Dom">> <<else>> <<replace "#login-error">>Incorrect Password. (Hint: When was their first date?)<</replace>> <</if>> <</button>> <div id="login-error" style="color: #ff5f56; font-size: 15px; margin-top: 25px; min-height: 20px; font-weight: bold;"></div> </div> <div style="position: absolute; bottom: 40px; right: 50px;"> <a data-passage="CharlottesRoomPassage_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" style="color: #aaa; text-decoration: none; font-size: 35px; transition: 0.2s;" onmouseover="this.style.color='#ff5f56'" onmouseout="this.style.color='#aaa'">⏻</a> </div> </div> <<else>> <div class="desktop-icon-grid"> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-messages').css('display', 'flex');"> <div class="icon-img">💬</div> <div class="icon-text">iMessage</div> </div> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-gallery').css('display', 'flex');"> <div class="icon-img">🖼️</div> <div class="icon-text">Gallery</div> </div> <div class="desktop-icon" onclick="$('.app-window').hide(); $('#app-browser').css('display', 'flex');"> <div class="icon-img">🌐</div> <div class="icon-text">Safari</div> </div> <a data-passage="CharlottesRoomPassage_Dom" onclick="document.body.style.overflow='auto'; $('#ui-bar').show();" class="desktop-icon" style="text-decoration: none; display: block; margin-top: 40px;"> <div class="icon-img" style="color: #ff5f56; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.8));">⏻</div> <div class="icon-text" style="color: #ff5f56;">Shut Down</div> </a> </div> <div id="app-messages" class="app-window"> <div class="app-header"> <div style="color: #aaa; font-weight: bold; font-size: 15px; letter-spacing: 1px;">Messages 💬</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content imessage-layout"> <div class="imessage-sidebar"> <div class="contact-item" onclick="$('.chat-thread').hide(); $('#thread-Omar').css('display', 'block');"> <img @src="$avatarOmar" class="contact-avatar"> <div class="contact-info"> <div class="contact-name">Omar</div> <div class="contact-preview">Okay, see you tomorrow.</div> </div> </div> <div class="contact-item" onclick="$('.chat-thread').hide(); $('#thread-angela').css('display', 'block');"> <img @src="$avatarAngela" class="contact-avatar"> <div class="contact-info"> <div class="contact-name">Mom</div> <div class="contact-preview">Don't forget to clean your room!</div> </div> </div> <div class="contact-item" onclick="$('.chat-thread').hide(); $('#thread-jack').css('display', 'block');"> <img @src="$avatarJack" class="contact-avatar"> <div class="contact-info"> <div class="contact-name"><<print $playerName>></div> <div class="contact-preview">I'll be home late tonight.</div> </div> </div> </div> <div class="imessage-content"> <div id="thread-angela" class="chat-thread"> <div class="chat-container"> <div style="text-align: center; color: #666; font-size: 13px; margin-bottom: 10px;">Today 9:15 AM</div> <div class="msg-row"> <img @src="$avatarAngela" class="msg-avatar"> <div class="bubble bubble-left">Don't forget to clean your room! And please do your homework before dinner.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">I know mom, I will.</div> </div> </div> </div> <div id="thread-jack" class="chat-thread"> <div class="chat-container"> <div style="text-align: center; color: #666; font-size: 13px; margin-bottom: 10px;">Yesterday 5:30 PM</div> <div class="msg-row"> <img @src="$avatarJack" class="msg-avatar"> <div class="bubble bubble-left">I'll be home late tonight, there's money on the counter for pizza.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">Okay, thanks daddy.</div> </div> </div> </div> <div id="thread-Omar" class="chat-thread" style="display: block;"> <div class="chat-container"> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">Come on baby, send me some sexy pics. I miss you 😉</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">Haven't you seen enough already? I don't really feel comfortable doing this again...</div> </div> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">Don't be like that, babe. Just a few for me? Don't you love me?</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">Okay... but promise me you'll delete them right after.</div> </div> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">I promise, baby. Cross my heart.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right"> Here... <br><img src="images/Charlotte to Omar1.jpg" class="chat-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> <br><img src="images/Charlotte to Omar2.jpg" class="chat-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> <br><img src="images/Charlotte to Omar3.jpg" class="chat-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> </div> </div> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">Damn, you're gorgeous. Now do a spicier one... and take the glasses off this time.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right"> Okay... is this better? <br><img src="images/Charlotte to Omar4.jpg" class="chat-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> </div> </div> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">Holy shit. You are sexy as fuck, baby.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">Please delete them now. Seriously.</div> </div> <div class="msg-row"> <img @src="$avatarOmar" class="msg-avatar"> <div class="bubble bubble-left">Yeah yeah, already done. Anyway, meet me tomorrow in the dark alley at 3:30 PM. And bring the stash from your locker, I want to smoke a bit with you.</div> </div> <div class="msg-row right"> <div class="bubble bubble-right">Okay, see you tomorrow.</div> </div> </div> <<if $questFindDateDom == "stage3">> <div style="background-color: rgba(20, 20, 20, 0.95); border: 2px solid #7a7a7a; border-radius: 12px; padding: 20px; display: flex; align-items: center; gap: 20px; margin: 40px auto 0 auto; max-width: 750px; box-shadow: 0 15px 30px rgba(0,0,0,0.6);"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 80px; height: 80px; object-fit: cover; border-radius: 10px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 18px; margin-bottom: 6px;"><<print $playerName>></div> <div style="color: #eee; font-size: 15px; line-height: 1.4;"><i>(Unbelievable. This little shit is manipulating her for nudes and using her as a mule. I'm going to finish this.)</i></div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 10px; padding: 20px; text-align: center; margin: 30px auto 40px auto; max-width: 750px; box-shadow: 0 10px 20px rgba(0,0,0,0.5);"> <span style="color: #2ed573; font-weight: bold; font-size: 18px; letter-spacing: 2px; text-transform: uppercase;">🎯 New Objective</span><br> <span style="color: #ccc; font-size: 15px; margin-top: 8px; display: block;">Ambush Omar at the school in the afternoon.</span> </div> <<set $questFindDateDom = "stage4">> <</if>> </div> </div> </div> </div> <div id="app-gallery" class="app-window"> <div class="app-header"> <div style="color: #aaa; font-weight: bold; font-size: 15px; letter-spacing: 1px;">Photos</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content"> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;"> <img src="images/Charlotte to Omar4.jpg" class="gallery-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> <img src="images/Charlotte to Omar3.jpg" class="gallery-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> <img src="images/Charlotte to Omar2.jpg" class="gallery-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> <img src="images/Charlotte to Omar1.jpg" class="gallery-img" onclick="$('#lightbox-img').attr('src', this.src); $('#image-lightbox').css('display','flex');"> </div> </div> </div> <div id="app-browser" class="app-window"> <div class="app-header"> <div style="background: rgba(255,255,255,0.15); padding: 6px 20px; border-radius: 15px; color: #fff; font-size: 14px; width: 350px; text-align: center; margin: 0 auto; letter-spacing: 0.5px;">🔒 google.com</div> <div class="close-btn" onclick="$(this).closest('.app-window').hide();">✕</div> </div> <div class="app-content" style="background: #fff; padding: 60px; color: #333;"> <div style="text-align: center; font-size: 55px; font-weight: bold; color: #4285F4; margin-bottom: 40px; letter-spacing: -2px;">Google</div> <div style="max-width: 650px; margin: 0 auto; background: #f8f9fa; padding: 30px; border-radius: 12px; border: 1px solid #dfe1e5; box-shadow: 0 2px 5px rgba(0,0,0,0.1);"> <div style="font-weight: bold; font-size: 18px; margin-bottom: 20px; color: #5F6368; border-bottom: 1px solid #dfe1e5; padding-bottom: 10px;">Recent Searches</div> <ul style="list-style: none; padding: 0; margin: 0; line-height: 2.8; font-size: 16px; color: #1a0dab;"> <li><span style="color: #9aa0a6; margin-right: 15px;">🔍</span> How to tell if a boy is using you</li> <li><span style="color: #9aa0a6; margin-right: 15px;">🔍</span> Cute aesthetic outfits 2026</li> <li><span style="color: #9aa0a6; margin-right: 15px;">🔍</span> Math homework help algebra</li> <li><span style="color: #9aa0a6; margin-right: 15px;">🔍</span> Does weed stay in your system forever</li> <li><span style="color: #9aa0a6; margin-right: 15px;">🔍</span> Is it wrong to think my stepdad is hot?</li> </ul> </div> <div style="background-color: rgba(20, 20, 20, 0.95); border: 2px solid #7a7a7a; border-radius: 12px; padding: 20px; display: flex; align-items: center; gap: 20px; margin: 40px auto 0 auto; max-width: 750px; box-shadow: 0 15px 30px rgba(0,0,0,0.6);"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 80px; height: 80px; object-fit: cover; border-radius: 10px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 18px; margin-bottom: 6px;"><<print $playerName>></div> <div style="color: #eee; font-size: 15px; line-height: 1.4;"><i>(Well, look at that. My sweet Charlotte has a daddy fetish.)</i></div> </div> </div> </div> </div> <</if>> <div id="image-lightbox" onclick="$(this).fadeOut(200);"> <img id="lightbox-img" src=""> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <!-- Passage Title --> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;"> MASTER BEDROOM </h2> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You storm into the bedroom, flipping the lights on. Angela is fast asleep, oblivious to the chaos happening under her own roof. </p> <!-- Scene Image --> <div style="text-align: center; margin-bottom: 20px;"> <img src="images/Angela sleeping.jpg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <p style="color: #ccc; font-style: italic; font-size: 13px;">Angela jolts awake, sitting stiffly on the edge of the mattress.</p> </div> <!-- Player's Dialogue Box 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get up, sluttt.</div> </div> </div> <!-- Angela's Dialogue Box 1 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Wha—<<print $playerName>>? What's going on? You scared me...</div> </div> </div> <!-- Player's Dialogue Box 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte has been smoking weed and sneaking around with that kid Omar behind my back. Start talking bitch. What do you know?</div> </div> </div> <!-- Angela's Dialogue Box 2 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Weed? Charlotte? I... I can't believe it, I swear I had no idea!</div> </div> </div> <!-- Player's Dialogue Box 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You're her mother. How are you this completely blind to what's going on under your own roof?</div> </div> </div> <!-- Angela's Dialogue Box 3 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I'm so sorry, <<print $playerName>>. I'll talk to her first thing tomorrow, I promise—</div> </div> </div> <!-- Player's Dialogue Box 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No, you won't whore. You won't say a single word to her. I am handling this. When did she start seeing this boy?</div> </div> </div> <!-- Angela's Dialogue Box 4 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I don't know... she never even mentioned him until breakfast today. That's the truth.</div> </div> </div> <!-- Player's Dialogue Box 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Pathetic, useless bitch. Come here am gonna fuck some motherhood into you.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You grip the back of her hair, forcing her head back as you push yourself into her mouth. </p> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Angela's Dialogue Box 5 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">*Mmph—ggh!*</div> </div> </div> <!-- Player's Dialogue Box 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Here it comes. Open wide and don't waste a single drop.</div> </div> </div> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Cum on angelas face.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Angela's Dialogue Box 6 --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">*Gulp*... Thank you, daddy.</div> </div> </div> <!-- Variable Updates --> <<set $angelaLastTalkDay = $DayCount>> <<set $questFindDateDom = "stage2">> <!-- This matches your Quest Log for the Park --> <<set $angelaObedience += 5>> <<set $jackDominance += 5>> <!-- Adjust this variable name if your Jack stats use a different spelling --> <!-- Stat Gain Notifications --> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif; text-shadow: 0 0 5px rgba(255, 235, 59, 0.3);"> DOMINANCE +5 </span> </div> <div style="border: 1px solid #00bcd4; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif; text-shadow: 0 0 5px rgba(0, 188, 212, 0.3);"> ANGELA OBEDIENCE +5 </span> </div> <!-- NEW QUEST BOX --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px; text-transform: uppercase;">🎯 New Objective</span><br> <span style="color: #ccc; font-size: 13px; margin-top: 5px; display: block;">Go outside in the afternoon and spy on them.</span> </div> <!-- Return Button --> <div style="margin: 30px auto 10px auto; max-width: 400px; text-align: center;"> <a data-passage="MainHub_Dom" style="display: block; background: #141414; border: 1px solid #dfba6b; border-radius: 8px; padding: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(223, 186, 107, 0.15); cursor: pointer;"> <span style="color: #dfba6b; font-size: 15px; font-weight: bold; letter-spacing: 1px; font-family: sans-serif;"> LEAVE HER FOR THE NIGHT </span> </a> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">CITY PARK</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px;"> Sticking to the shadows of the tree line, you keep yourself out of sight. Charlotte is sitting on a park bench with that punk, Omar. You watch with a clenched jaw as he pulls her in for a deep kiss. </p> <img src="images/porch-swing-romantic.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(I'm going to snap this little punk in half.)</i></div> </div> </div> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Damn, I can't get enough of you. But seriously, we need to take this somewhere private. My parents are gone for the night—you should come over.</div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;"></div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I can't do that. You know my stepdad would kill me if I stayed out all night. Plus... I told you I'm not ready for that.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Good girl. Keep stalling him.)</i></div> </div> </div> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;"><i>*Sighs*</i>You always use him as an excuse, it's getting old. Whatever. I brought the stuff. Hand over your backpack.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px;"> He reaches inside his jacket and pulls out a suspiciously thick, vacuum-sealed bag, shoving it directly into Charlotte's open backpack. </p> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;"></div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Omar, wait... I don't know about this. There's so much of it. What if my stepdad goes through my room?</div> </div> </div> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Just stash it in your locker first thing tomorrow. The teachers aren't going to search the school's golden girl. You're the perfect cover, babe.</div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;"></div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I really don't like this...</div> </div> </div> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Come on, don't back out on me now. You weren't this scared when we broke the rules the night of the Spring Formal. That was our real first date, remember? Just hold on to the bag.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(The Spring Formal... I gave her cash for a dress she never even bought. That has to be the laptop password. And to top it all off, this little rat is using her as a drug mule.)</i></div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;"></div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Fine. But just this once, okay?</div> </div> </div> <<set $questFindDateDom = "stage3">> <<if $time is "Afternoon">><<set $time = "Evening">> <</if>> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🎯 NEW OBJECTIVE</span><br> <span style="color: #ccc; font-size: 13px;">Sneak into Charlotte's room while she is away and unlock her laptop.</span> </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="OutsidePassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer;">LEAVE</a> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">CHARLOTTE'S BEDROOM</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You step into Charlotte's room without knocking and quietly push the door shut behind you, turning the lock with a loud, definitive click. She is lying on her bed, scrolling through her laptop. When she hears the lock, she sits up, her eyes wide with a mix of surprise and a subtle, unmistakable hint of excitement at your sudden intrusion. </p> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Daddy? Is everything okay? Why did you lock the door?</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You don't say a word. You walk slowly toward the edge of her bed, reach into your pocket, and toss Omar's cracked, blood-smeared smartphone onto her pristine white comforter. </p> <div style="display: flex; justify-content: center; align-items: center; margin: 30px auto; width: 100%; max-width: 600px; height: 350px; background: radial-gradient(circle at center, #2c2533 0%, #0d0a11 100%); border-radius: 16px; box-shadow: inset 0 0 50px rgba(0,0,0,0.8), 0 10px 25px rgba(0,0,0,0.5); overflow: hidden; position: relative;"> <!-- DARK MOODY BED TEXTURE --> <div style="position: absolute; inset: 0; opacity: 0.4; background: repeating-linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.6) 10px, rgba(0,0,0,0.6) 20px);"></div> <div style="position: absolute; inset: 0; opacity: 0.2; background: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(0,0,0,0.8) 15px, rgba(0,0,0,0.8) 30px);"></div> <!-- THE STATIC PHONE --> <div style="position: relative; width: 160px; height: 310px; background: #050505; border-radius: 24px; box-shadow: 15px 20px 40px rgba(0,0,0,0.8), -1px -1px 3px rgba(255,255,255,0.1); transform: rotate(8deg); border: 3px solid #1a1a1a; padding: 6px; box-sizing: border-box;"> <!-- PHONE SCREEN --> <div style="width: 100%; height: 100%; background: #000; border-radius: 16px; overflow: hidden; position: relative; display: flex; flex-direction: column;"> <!-- GALLERY HEADER --> <div style="background: rgba(20,20,20,0.9); text-align: center; color: #fff; font-size: 11px; font-weight: bold; padding: 8px 0; border-bottom: 1px solid #333; font-family: sans-serif;"> All Photos </div> <!-- GALLERY GRID --> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 2px;"> <img src="images/Charlotte to Omar4.jpg" style="width: 100%; height: 75px; object-fit: cover;"> <img src="images/Charlotte to Omar3.jpg" style="width: 100%; height: 75px; object-fit: cover;"> <img src="images/Charlotte to Omar2.jpg" style="width: 100%; height: 75px; object-fit: cover;"> <img src="images/Charlotte to Omar1.jpg" style="width: 100%; height: 75px; object-fit: cover;"> <img src="images/snapchat.jpg" style="width: 100%; height: 75px; object-fit: cover; filter: grayscale(50%);"> <img src="images/snapchat2.webp" style="width: 100%; height: 75px; object-fit: cover; filter: sepia(30%);"> </div> <!-- BLOODY SMEAR OVERLAY --> <div style="position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 70% 30%, rgba(180, 10, 10, 0.4) 0%, rgba(180, 10, 10, 0.1) 30%, transparent 55%);"></div> <!-- SCREEN CRACK OVERLAY --> <div style="position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 48%, rgba(255,255,255,0.15) 49%, rgba(255,255,255,0.35) 50%, transparent 51%);"></div> <div style="position: absolute; inset: 0; pointer-events: none; background: linear-gradient(-25deg, transparent 35%, rgba(255,255,255,0.1) 36%, rgba(255,255,255,0.25) 37%, transparent 38%);"></div> </div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> The color instantly drains from her face. She recognizes the phone case immediately. Her eyes dart from the screen, which is still displaying the photos she sent him, up to the bruised, slightly bloody knuckles on your right hand. </p> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">These are my pictures... how did you get this phone?</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I just had a very enlightening conversation with your little friend in a dark alley. He was remarkably eager to hand over everything once I broke his nose.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I... Daddy, please, I can explain! It's not what it looks like, he forced me to—</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Do not lie to me, Charlotte. I read the texts. You cheapened yourself for a street dealer. You put yourself in danger, risking your future and this family's reputation, for what? A thrill?</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look at the phone. He was texting half a dozen other girls, begging them for the exact same nudes. How could you fall for a street rat like that?</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> Your cold, absolute calm is terrifying her far more than any shouting ever could. Her lip trembles, and she completely breaks down. She scrambles off the bed, dropping to her knees on the rug right in front of you, wrapping her arms around your legs. </p> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I'm so sorry! I was so stupid. I just felt so ignored, and... he was the first guy who ever made me feel wanted. I'm sorry, Daddy! Please don't hate me!</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I could never hate you, sweet girl. You are gorgeous. But hearing you say you had to go to some street-level thug just to feel wanted... that is completely unacceptable.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> She sniffles, her grip on your legs tightening. She looks up at you through her tears, hanging onto every single word. You can see the desperation in her eyes—she is starved for exactly this kind of firm validation. </p> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">If you were feeling ignored, you should have come to me. I would have reminded you of your worth, sweet girl.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I know... I know. I messed up so badly. Please, just tell me what to do. I'll do whatever you want.</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Stand up. Promise me you will never keep anything from me again, and that you are completely done with guys like him and the drugs they push.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I promise, Daddy. I swear I will tell you everything from now on.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> Relieved by your protective kindness, she steps closer and hugs you tightly. Unable to resist the warmth of her soft skin against yours, you slowly cup her face and pull her in. </p> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/First time kissing charlotte.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #2ed573; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Oh, Daddy... this... this is inappropriate.</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I just wanted to make you feel loved, sweet girl. Don't worry about it. We'll talk later.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Okay, Daddy... <i>(she blushes deeply, failing to hide a thrilled smile)</i>.</div> </div> </div> <<set $questFindDateDom = "completed">> <<set $charlotteLove += 10>> <<if $time is "Evening">><<set $time = "Night">> <</if>> <div style="border: 1px solid #ff5252; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ff5252; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">CHARLOTTE'S LOVE +10</span> </div> <div style="background-color: rgba(156, 39, 176, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🔒 CHARLOTTE'S DEVOTION UNLOCKED</span><br> <span style="color: #ccc; font-size: 13px;">You can now influence and interact with Charlotte directly in her bedroom.</span> </div> <div style="text-align: center; margin-top: 40px; margin-bottom: 40px;"> <a data-passage="CharlottesRoomPassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">LEAVE THE ROOM</a> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">DARK ALLEY</h2> <div style="text-align: center; margin-bottom: 35px;"> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto; max-width: 650px; line-height: 1.6;"> A secluded, narrow alleyway tucked between two abandoned storefronts. It smells like damp brick, cheap smoke, and bad decisions. The perfect spot for illicit business. </p> </div> <img src="images/Dark alley.jpeg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 10px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <!-- ============================================== --> <!-- INTERACTIVE ALLEYWAY MENU (CARD STYLE) --> <!-- ============================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BUTTON 1: THE DEALER --> <a data-passage="DealerPassage_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: pointer;"> <img src="images/alley_dealer.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">TALK TO DEALER</span> </div> </a> <!-- BUTTON 2: THE PROSTITUTE / KARMA --> <<if $time == "Afternoon" || $time == "Evening" || $time == "Night" || $time == "Late Night">> <!-- ACTIVE (CLICKABLE) --> <a data-passage="Alley_Prostitute_Dom" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: pointer;"> <!-- DYNAMIC IMAGE LOGIC --> <<if $karmaOwned>> <img src="images/alley_prostitute_approach.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <<else>> <img src="images/alley_prostitute.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <<if $karmaOwned>> <span style="color: #3498db; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">VISIT KARMA</span> <<else>> <span style="color: #ff4757; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">FIND PROSTITUTE</span> <</if>> </div> </a> <<else>> <!-- DISABLED (GRAYED OUT FOR MORNING/NOON) --> <div style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: not-allowed; opacity: 0.6;"> <!-- DYNAMIC IMAGE LOGIC --> <<if $karmaOwned>> <img src="images/karma_alley_button.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) brightness(0.4);"> <<else>> <img src="images/alley_prostitute.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) brightness(0.4);"> <</if>> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <<if $karmaOwned>> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 10px; text-transform: uppercase;">KARMA IS AWAY<br>(AFTERNOON+)</span> <<else>> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 10px; text-transform: uppercase;">ALLEY EMPTY<br>(AFTERNOON+)</span> <</if>> </div> </div> <</if>> <!-- BUTTON 3: QUEST AMBUSH --> <<if $questFindDateDom == "stage4" && $time == "Afternoon">> <a data-passage="Quest_Alley_Ambush_Dom" style="display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(223, 186, 107, 0.3); border: 2px solid #dfba6b; background: radial-gradient(circle at center, #2a2010 0%, #111 100%); cursor: pointer; transition: 0.2s;" onmouseover="this.style.boxShadow='0 10px 35px rgba(223, 186, 107, 0.6)'" onmouseout="this.style.boxShadow='0 10px 25px rgba(223, 186, 107, 0.3)'"> <span style="font-size: 35px; margin-bottom: 15px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));">⚠️</span> <span style="color: #dfba6b; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 13px; text-transform: uppercase; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8);">AMBUSH OMAR</span> </a> <</if>> </div> <!-- Return Button --> <div style="text-align: center; margin-top: 50px;"> <a data-passage="OutsidePassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;"> RETURN TO MAP </a> </div> <!-- Hidden Links --> <div style="display: none;"> [[DealerPassage_Dom]] [[Alley_Prostitute_Dom]] [[Quest_Alley_Ambush_Dom]] [[OutsidePassage_Dom]] </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } .mp-screen::-webkit-scrollbar { display: none; } </style> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">THE ALLEYWAY</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You step into the damp shadows of the alley right at 3:30. Omar is leaning against a graffiti-covered brick wall, scrolling through his phone, waiting for his mule. When he hears your footsteps, he looks up, squinting through the gloom. Seeing an older man approach instead of Charlotte, he scoffs, assuming you're just another desperate addict looking for a fix. </p> <!-- Omar's Dialogue --> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Yo, old man. You lookin' to score? Got the good shit today.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You don't say a single word. You close the distance in two rapid strides, grab him by the collar, and drive a brutal right hook straight into his face. <br><br> The sickening crunch of cartilage echoes off the brick walls. Omar's head snaps back, and he crumples to the damp pavement like a sack of bricks. He gasps, clutching his shattered nose as blood instantly pours through his fingers, staining his jacket. </p> <!-- Omar's Dialogue --> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Fuck! What the fuck is wrong with you?! You broke my fucking nose, man!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You shove him hard against the damp asphalt, driving your knee into his chest, and raise your bloodied fist right above his eyes. </p> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm Charlotte's father, you little shit. You've been manipulating my daughter to mule your drugs. I'll only say this once: hand over your unlocked phone right fucking now, or I'm stomping your teeth down your throat.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.6;"> Terrified, choking on his own blood, and completely disoriented, Omar doesn't even try to fight back. He frantically digs into his pocket, taps his thumb against the screen with shaking hands, and holds it up in surrender. You snatch the device from his grip. </p> <!-- ============================================== --> <!-- OMAR'S 3D INTERACTIVE SMARTPHONE --> <!-- ============================================== --> <div style="width: 340px; height: 680px; background: #050505; border-radius: 45px; margin: 50px auto; position: relative; box-shadow: 0 40px 80px rgba(0,0,0,0.9), 0 0 50px rgba(28,181,224,0.15), inset 0 0 0 2px #333, inset 0 0 0 8px #000, inset 0 4px 10px rgba(255,255,255,0.2); padding: 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #fff; box-sizing: border-box;"> <!-- INNER SCREEN --> <div style="width: 100%; height: 100%; background: #000; border-radius: 35px; position: relative; overflow: hidden; box-shadow: inset 0 0 15px rgba(0,0,0,1);"> <!-- HARDWARE NOTCH (Dynamic Island) --> <div style="position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 100px; height: 28px; background: #000; border-radius: 20px; z-index: 999; box-shadow: inset 0 -2px 5px rgba(255,255,255,0.1), 0 2px 10px rgba(0,0,0,0.5);"></div> <!-- SCREEN GLARE --> <div style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); pointer-events: none; z-index: 998; transform: rotate(-15deg);"></div> <!-- STATUS BAR --> <div style="position: absolute; top: 0; left: 0; right: 0; padding: 16px 25px 0 25px; display: flex; justify-content: space-between; font-size: 13px; font-weight: bold; z-index: 990; text-shadow: 0 1px 3px rgba(0,0,0,0.8);"> <span>3:32</span> <span style="display: flex; gap: 5px; align-items: center;"> <span style="font-size: 10px;">📶</span> <span style="font-size: 10px;">🔋</span> </span> </div> <!-- ==================== HOME SCREEN ==================== --> <div id="mp-home" style="position: absolute; inset: 0; background: linear-gradient(135deg, #1cb5e0 0%, #000046 100%); display: block; padding: 80px 25px 20px 25px; z-index: 1;"> <div style="display: flex; gap: 25px; flex-wrap: wrap;"> <!-- Messages App Icon (WITH RED BADGE) --> <div onclick="document.getElementById('mp-home').style.display='none'; document.getElementById('mp-msg-list').style.display='block';" style="width: 65px; text-align: center; cursor: pointer; position: relative; transition: 0.2s;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'"> <div style="width: 65px; height: 65px; border-radius: 16px; background: linear-gradient(180deg, #4cd964 0%, #34c759 100%); color: #fff; font-size: 38px; line-height: 65px; text-align: center; margin-bottom: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.4);">💬</div> <div style="font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-weight: 500;">Messages</div> <div style="position: absolute; top: -5px; right: -5px; background: #ff3b30; color: white; font-size: 12px; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center; border: 2px solid #1cb5e0; box-shadow: 0 2px 5px rgba(0,0,0,0.5);">2</div> </div> <!-- Gallery App Icon (WITH RED BADGE) --> <div onclick="document.getElementById('mp-home').style.display='none'; document.getElementById('mp-gallery-view').style.display='block';" style="width: 65px; text-align: center; cursor: pointer; position: relative; transition: 0.2s;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'"> <div style="width: 65px; height: 65px; border-radius: 16px; background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); color: #ff2d55; font-size: 38px; line-height: 65px; text-align: center; margin-bottom: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,1);">🖼️</div> <div style="font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-weight: 500;">Photos</div> <div style="position: absolute; top: -5px; right: -5px; background: #ff3b30; color: white; font-size: 12px; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center; border: 2px solid #1cb5e0; box-shadow: 0 2px 5px rgba(0,0,0,0.5);">1</div> </div> </div> </div> <!-- ==================== MESSAGES INBOX ==================== --> <div id="mp-msg-list" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 2;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="document.getElementById('mp-msg-list').style.display='none'; document.getElementById('mp-home').style.display='block';" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Home</span> <span>Messages</span> <span style="width: 50px;"></span> </div> <!-- Charlotte Row --> <div onclick="document.getElementById('mp-msg-list').style.display='none'; document.getElementById('mp-chat-charlotte').style.display='block';" style="display: flex; padding: 15px; border-bottom: 1px solid #1a1a1a; gap: 12px; align-items: center; cursor: pointer; transition: 0.2s;" onmouseover="this.style.backgroundColor='#111'" onmouseout="this.style.backgroundColor='transparent'"> <div style="width: 10px; height: 10px; background: #0a84ff; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 5px #0a84ff;"></div> <img src="images/Charlotte to Omar1.jpg" onerror="this.src='images/omars_avatar.jpg'" style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #333;"> <div style="flex-grow: 1; overflow: hidden;"> <div style="font-weight: bold; font-size: 16px; margin-bottom: 4px; color: #fff;">Charlotte 💦</div> <div style="font-size: 14px; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;">Okay, see you tomorrow.</div> </div> <div style="color: #666; font-size: 13px; flex-shrink: 0;">3:15 PM</div> </div> <!-- T-Bone Row --> <div onclick="document.getElementById('mp-msg-list').style.display='none'; document.getElementById('mp-chat-tbone').style.display='block';" style="display: flex; padding: 15px; border-bottom: 1px solid #1a1a1a; gap: 12px; align-items: center; cursor: pointer; transition: 0.2s;" onmouseover="this.style.backgroundColor='#111'" onmouseout="this.style.backgroundColor='transparent'"> <div style="width: 10px; height: 10px; background: #0a84ff; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 5px #0a84ff;"></div> <div style="width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #e74c3c, #c0392b); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; flex-shrink: 0; box-shadow: inset 0 2px 4px rgba(255,255,255,0.2);">T</div> <div style="flex-grow: 1; overflow: hidden;"> <div style="font-weight: bold; font-size: 16px; margin-bottom: 4px; color: #fff;">T-Bone (Supplier)</div> <div style="font-size: 14px; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;">Got the resupply ready...</div> </div> <div style="color: #666; font-size: 13px; flex-shrink: 0;">Yesterday</div> </div> <!-- Mia Row --> <div onclick="document.getElementById('mp-msg-list').style.display='none'; document.getElementById('mp-chat-mia').style.display='block';" style="display: flex; padding: 15px; border-bottom: 1px solid #1a1a1a; gap: 12px; align-items: center; cursor: pointer; transition: 0.2s;" onmouseover="this.style.backgroundColor='#111'" onmouseout="this.style.backgroundColor='transparent'"> <div style="width: 10px; height: 10px; flex-shrink: 0;"></div> <div style="width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #9b59b6, #8e44ad); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; flex-shrink: 0; box-shadow: inset 0 2px 4px rgba(255,255,255,0.2);">M</div> <div style="flex-grow: 1; overflow: hidden;"> <div style="font-weight: bold; font-size: 16px; margin-bottom: 4px; color: #fff;">Mia</div> <div style="font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">Please Omar, just one more front.</div> </div> <div style="color: #666; font-size: 13px; flex-shrink: 0;">Monday</div> </div> </div> <!-- ==================== CHARLOTTE CHAT ==================== --> <div id="mp-chat-charlotte" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 3;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; text-align: center; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="document.getElementById('mp-chat-charlotte').style.display='none'; document.getElementById('mp-msg-list').style.display='block';" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Back</span> <span style="display: flex; flex-direction: column; align-items: center;"> <img src="images/Charlotte to Omar1.jpg" onerror="this.src='images/omars_avatar.jpg'" style="width: 30px; height: 30px; border-radius: 50%; object-fit: cover; margin-bottom: 4px;"> <span style="font-size: 12px;">Charlotte 💦</span> </span> <span style="width: 40px;"></span> </div> <div style="padding: 20px 10px 50px 10px; display: flex; flex-direction: column;"> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">I promise, baby. Cross my heart.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Here...<br><img src="images/Charlotte to Omar1.jpg" style="width: 100%; border-radius: 10px; margin-top: 8px;"><img src="images/Charlotte to Omar2.jpg" style="width: 100%; border-radius: 10px; margin-top: 8px;"><img src="images/Charlotte to Omar3.jpg" style="width: 100%; border-radius: 10px; margin-top: 8px;"></div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Damn, you're gorgeous. Now do a spicier one... and take the glasses off this time.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Okay... is this better?<br><img src="images/Charlotte to Omar4.jpg" style="width: 100%; border-radius: 10px; margin-top: 8px;"></div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Holy shit. You are sexy as fuck, baby.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Please delete them now. Seriously.</div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Yeah yeah, already done. Anyway, meet me tomorrow in the dark alley at 3:30 PM.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Okay, see you tomorrow.</div> </div> </div> <!-- ==================== T-BONE CHAT ==================== --> <div id="mp-chat-tbone" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 3;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; text-align: center; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="document.getElementById('mp-chat-tbone').style.display='none'; document.getElementById('mp-msg-list').style.display='block';" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Back</span> <span style="display: flex; flex-direction: column; align-items: center;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #e74c3c, #c0392b); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; margin-bottom: 4px;">T</div> <span style="font-size: 12px;">T-Bone</span> </span> <span style="width: 40px;"></span> </div> <div style="padding: 20px 10px 50px 10px; display: flex; flex-direction: column;"> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Got the resupply ready. 50 pressed pills.</div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Say less. I'll send my girl to collect it tomorrow.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">You better make sure she brings the cash this time.</div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Roger that.</div> </div> </div> <!-- ==================== MIA CHAT ==================== --> <div id="mp-chat-mia" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 3;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; text-align: center; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="document.getElementById('mp-chat-mia').style.display='none'; document.getElementById('mp-msg-list').style.display='block';" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Back</span> <span style="display: flex; flex-direction: column; align-items: center;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #9b59b6, #8e44ad); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; margin-bottom: 4px;">M</div> <span style="font-size: 12px;">Mia</span> </span> <span style="width: 40px;"></span> </div> <div style="padding: 20px 10px 50px 10px; display: flex; flex-direction: column;"> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">Please Omar, just one more front. I swear I'll pay you back by Friday.</div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">I told you, no cash no stash. You already owe me 200.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">I can do favors. You know I'm good for it.</div> <div style="background: #0a84ff; padding: 12px 16px; border-radius: 20px 20px 4px 20px; margin: 0 0 15px auto; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">I'm not convinced.</div> <div style="background: #2a2a2c; padding: 12px 16px; border-radius: 20px 20px 20px 4px; margin: 0 auto 15px 0; max-width: 75%; font-size: 14px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.3);">How about now?<br><img src="images/Mia to Omar.jpg" style="width: 100%; border-radius: 10px; margin-top: 8px;"></div> </div> </div> <!-- ==================== GALLERY ==================== --> <div id="mp-gallery-view" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 2;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; text-align: center; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="document.getElementById('mp-gallery-view').style.display='none'; document.getElementById('mp-home').style.display='block';" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Home</span> <span>All Photos</span> <span style="width: 50px;"></span> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 3px; padding-bottom: 40px;"> <img src="images/Charlotte to Omar1.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px;"> <img src="images/Charlotte to Omar2.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px;"> <img src="images/Charlotte to Omar3.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px;"> <img src="images/Charlotte to Omar4.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px;"> <img src="images/Mia to Omar.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px; filter: hue-rotate(90deg);"> <img src="images/snapchat.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px; filter: hue-rotate(90deg);"> <img src="images/snapchat2.webp" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px; filter: hue-rotate(90deg);"> <img src="images/Sophia1.jpg" style="width: 100%; height: 160px; object-fit: cover; border-radius: 4px; border: 2px solid #ff3b30;"> </div> </div> <!-- SWIPE UP HOME BAR --> <div onclick="document.getElementById('mp-chat-charlotte').style.display='none'; document.getElementById('mp-chat-tbone').style.display='none'; document.getElementById('mp-chat-mia').style.display='none'; document.getElementById('mp-msg-list').style.display='none'; document.getElementById('mp-gallery-view').style.display='none'; document.getElementById('mp-home').style.display='block';" style="position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 130px; height: 5px; background: rgba(255,255,255,0.7); border-radius: 10px; cursor: pointer; z-index: 999; box-shadow: 0 1px 3px rgba(0,0,0,0.5);"></div> </div> </div> <!-- ============================================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 25px auto 15px auto; max-width: 650px; line-height: 1.6;"> You swipe through his messages and his gallery. The lying little rat didn't delete a single thing. Worse, Charlotte's pictures are saved right alongside half a dozen other desperate girls he's stringing along. <br><br> But amongst the local trash he deals with, one photo in particular catches your eye. You pocket the unlocked device and deliver a vicious, winding kick directly into Omar's ribs. </p> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You didn't delete Charlotte's pictures, you lying piece of shit. Now... who is the thick woman in the hijab saved on your phone?</div> </div> </div> <!-- Omar's Dialogue --> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;"><i>*Coughing*</i> What? Why the fuck are you asking about that?</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.6;"> You draw back your boot to kick him again. </p> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Speak, before I break your fucking jaw.</div> </div> </div> <!-- Omar's Dialogue --> <div style="background-color: rgba(212, 184, 150, 0.15); border: 2px solid #d4b896; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarOmar" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #d4b896;"></div> <div> <div style="color: #d4b896; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Omar</div> <div style="color: #eee; font-size: 14px;">Okay! Okay, chill out! She's my mom! Please, man, just don't tell her I'm dealing. She'll kill me, I swear to God!</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Interesting leverage.)</i> I'm keeping this phone. You have exactly ten seconds to crawl out of my sight. If I ever catch you within a mile of my daughter again, I'll gut you like a pig. Run.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.6;"> Omar doesn't argue. He scrambles backward, slips on the wet asphalt, and sprints toward the busy street, abandoning whatever stash he had in his pockets. The immediate threat is neutralized, and you now possess all the leverage you need. <br><br> There is only one person left to deal with. It's time to go home and set Charlotte straight. </p> <<set $questFindDateDom = "stage5">> <<set $jackDominance += 5>> <<if $time is "Afternoon">><<set $time = "Evening">> <</if>> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +5</span> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🎯 NEW OBJECTIVE</span><br> <span style="color: #ccc; font-size: 13px;">Confront Charlotte in her bedroom.</span> </div> <div style="text-align: center; margin-top: 40px; margin-bottom: 40px;"> <a data-passage="OutsidePassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">Leave Him Bleeding</a> </div> <</nobr>>
<<nobr>> <<if typeof $tboneWorkDay === 'undefined'>><<set$tboneWorkDay = 0>><</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $time isnot "Night">> <h2 style="color: #5c677d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Dark Alley</h2> <div style="text-align: center; margin: 0 auto 25px auto;"> <div style="width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 3px solid #5c677d; background: linear-gradient(135deg, #11131a 0%, #000 100%); display: flex; align-items: center; justify-content: center; font-size: 45px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);">🕸️</div> </div> <div style="background: #11131a; border-left: 3px solid #5c677d; padding: 20px; border-radius: 6px; margin-bottom: 25px; text-align: left; box-shadow: inset 0 0 20px rgba(0,0,0,0.5);"> <p style="color: #a9b4c2; font-style: italic; font-size: 15px; line-height: 1.6; margin: 0;"> The alleyway is barren under the daylight, smelling faintly of stale beer and wet asphalt. The shadows where the city's bottom feeders usually lurk are exposed and empty. <span style="color: #ffeb3b; font-weight: bold;">Whoever runs this corner clearly only crawls out when the sun goes down.</span> </p> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ddd; border: 1px solid #888; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE </a> </div> <<else>> <h2 style="color: #ffeb3b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">T-Bone</h2> <div style="text-align: center; margin: 0 auto 25px auto;"> <div style="width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 3px solid #ffeb3b; background: linear-gradient(135deg, #2a2a35 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 45px; box-shadow: 0 4px 15px rgba(255, 235, 59, 0.2);">🕶️</div> </div> <<if not $metTBoneDom>> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">You look lost, suit. This ain't exactly your side of town.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm exactly where I need to be. What do you have?</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Straight to business. I like it. Name's T-Bone. I got weed, pills... whatever helps you sleep at night. Actually, you look like a guy who knows how to move quietly. You want to make some real cash, push some product for me. I'll give you a cut.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'll keep that in mind.</div> </div> </div> <<set $metTBoneDom = true>> <<else>> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Yo. Wanna buy some stash? Or are you here to push some product for me tonight?</div> </div> </div> <</if>> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap; align-items: flex-start;"> <<if $tboneWorkDay neq $dayIndex>> <<if $energy >= 30>> <div style="display: flex; flex-direction: column; align-items: center;"> <<link '<div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #9b59b6; border-radius: 8px; padding: 15px; cursor: pointer; box-shadow: 0 4px 10px rgba(155, 89, 182, 0.1);"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #9b59b6; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">💼</div> <div style="color: #9b59b6; font-weight: bold; font-size: 12px; text-transform: uppercase;">PUSH PRODUCT</div> </div>' "TBone_Work_Dom">> <</link>> <div style="color: #ff5252; font-size: 11px; font-weight: bold; margin-top: 8px; letter-spacing: 0.5px;">(30% RISK OF BUST)</div> </div> <<else>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 15px; opacity: 0.7;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">💼</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">LOW ENERGY<br><span style="font-size: 10px;">(Needs 30)</span></div> </div> <</if>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #555; border-radius: 8px; padding: 15px; opacity: 0.7;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #555; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">⏳</div> <div style="color: #777; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">SHIFT DONE<br><span style="font-size: 10px;">(Return tomorrow)</span></div> </div> <</if>> <<if $money >= 300>> <<link '<div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #2ed573; border-radius: 8px; padding: 15px; cursor: pointer; box-shadow: 0 4px 10px rgba(46, 213, 115, 0.1);"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #2ed573; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 0 10px rgba(46, 213, 115, 0.2);">🌿</div> <div style="color: #2ed573; font-weight: bold; font-size: 12px; text-transform: uppercase;">BUY WEED ($300)</div> </div>' "DealerPassage_Dom">> <<set $money -= 300>> <<set $inventoryWeedDom += 1>> <</link>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 15px; opacity: 0.7;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">🌿</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">NOT ENOUGH ($300)</div> </div> <</if>> <<if $money >= 500>> <<link '<div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #4fc3f7; border-radius: 8px; padding: 15px; cursor: pointer; box-shadow: 0 4px 10px rgba(79, 195, 247, 0.1);"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #4fc3f7; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 0 10px rgba(79, 195, 247, 0.2);">💊</div> <div style="color: #4fc3f7; font-weight: bold; font-size: 12px; text-transform: uppercase;">BUY PILLS ($500)</div> </div>' "DealerPassage_Dom">> <<set $money -=500>> <<set $inventoryPillsDom += 1>> <</link>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 15px; opacity: 0.7;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">💊</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">NOT ENOUGH ($500)</div> </div> <</if>> <<if $questLaurenRevengeDom is "buy_device">> <<if $hackingDeviceReadyDay == 0>> <a data-passage="TBoneHackingEvent_Dom" style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; cursor: pointer; text-decoration: none; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #ffb74d; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 183, 77, 0.2);">🔌</div> <div style="color: #ffb74d; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">ASK FOR USB</div> </a> <<elseif $dayCount <$hackingDeviceReadyDay>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px dashed #ffb74d; border-radius: 8px; padding: 15px; opacity: 0.6;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #777; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">🔌</div> <div style="color: #ffb74d; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">WAIT <<print $hackingDeviceReadyDay -$dayCount>> DAYS</div> </div> <<else>> <<if $money >= 1500>> <<link '<div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #2ed573; border-radius: 8px; padding: 15px; cursor: pointer; box-shadow: 0 4px 10px rgba(46, 213, 115, 0.2);"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #2ed573; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; box-shadow: 0 0 10px rgba(46, 213, 115, 0.3);">🔌</div> <div style="color: #2ed573; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">BUY USB ($1500)</div> </div>' "Dark_Alley_Dom">> <<set $money -= 1500>> <<set $questLaurenRevengeDom = "hack_laptop">> <</link>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; width: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 15px; opacity: 0.7;"> <div style="width: 70px; height: 70px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 35px; filter: grayscale(100%);">🔌</div> <div style="color: #ff5252; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">NOT ENOUGH ($1500)</div> </div> <</if>> <</if>> <</if>> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 40px; background: #1a1a24; color: #ddd; border: 1px solid #888; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE ALLEY </a> </div> <</if>> </div> <div style="display: none;"> [[Dark_Alley_Dom]] [[TBoneHackingEvent_Dom]] [[TBone_Work_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <!-- ============================================================== --> <!-- INITIALIZE VARIABLES TO PREVENT ERRORS --> <!-- ============================================================== --> <<if typeof $karmaMoneyOwed === 'undefined'>><<set $karmaMoneyOwed = 0>><</if>> <<if typeof $inventoryWeedDom === 'undefined'>><<set $inventoryWeedDom = 0>><</if>> <<if typeof $inventoryPillsDom === 'undefined'>><<set $inventoryPillsDom = 0>><</if>> <!-- ============================================================== --> <!-- POST-CONQUEST: KARMA'S DEALING HUB & COLLECTION --> <!-- ============================================================== --> <<if $karmaOwned && typeof $alleySceneStageDom === 'undefined'>> <!-- CHECK FOR SUNDAY NIGHT COLLECTION --> <<if ($dayIndex % 7) == 6 and $time == "Night" and $karmaMoneyOwed > 0>> <h2 style="color: #3498db; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Collecting Your Dues</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You walk into the alley. It's Sunday night, and Karma is waiting for you. The moment she sees you, she hurries over, eagerly pulling a thick wad of bills from her bra to give to her boss. </p> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">I sold it all just like you asked, boss. They'll pay anything when I tease them a little. Here's your earnings for the week.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. But it's not enough. My dick misses your lips.</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">I was hoping you'd say that, boss. Let me take care of you.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_blowjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Open wide, slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/alley_cum_in_mouth.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Mhm... thanks boss. I'll get back to work now.</div> </div> </div> <!-- PAYOUT LOGIC --> <<set $energy -= 10>> <<set $money += $karmaMoneyOwed>> <<set _collectedAmount = $karmaMoneyOwed>> <<set $karmaMoneyOwed = 0>> <<set $jackDominance += 1>> <<set $jackCorruption += 1>> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1px;">💰 MONEY +$<<print _collectedAmount>> (Weekly Sales Collected)</span><br> <span style="color: #ff5252; font-size: 14px; font-weight: bold;">⚡ ENERGY -10</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE THE ALLEY </a> </div> <!-- REGULAR STREET OPERATION HUB --> <<else>> <h2 style="color: #3498db; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Karma's Corner</h2> <div style="background-color: rgba(52, 152, 219, 0.1); border: 1px solid #3498db; border-radius: 8px; padding: 15px; text-align: center; margin: 0 auto 25px auto; max-width: 600px;"> <span style="color: #3498db; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">PENDING SUNDAY PAYOUT: $<span style="color: #fff;"><<print $karmaMoneyOwed>></span></span><br> <span style="color: #888; font-size: 12px; font-style: italic;">(Karma collects the cash and pays you out on Sunday Nights)</span> </div> <div style="display: flex; justify-content: space-around; max-width: 600px; margin: 0 auto 25px auto; background: rgba(0,0,0,0.3); border-radius: 8px; padding: 10px; border: 1px dashed #444;"> <span style="color: #2ed573; font-weight: bold;">Your Weed: <<print $inventoryWeedDom>></span> <span style="color: #e84393; font-weight: bold;">Your Pills: <<print $inventoryPillsDom>></span> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Hey boss. Got any more product for me to push?</div> </div> </div> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center; margin-top: 30px;"> <!-- SUPPLY WEED --> <<if $inventoryWeedDom > 0>> <<link '<div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: #141414; color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;">Supply Weed (Flipped for $500)</div>' "Alley_Prostitute_Dom">> <<set $inventoryWeedDom -= 1>> <<set $karmaMoneyOwed += 500>> <</link>> <<else>> <div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> Out of Weed </div> <</if>> <!-- SUPPLY PILLS --> <<if $inventoryPillsDom > 0>> <<link '<div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: #141414; color: #e84393; border: 1px solid #e84393; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;">Supply Pills (Flipped for $800)</div>' "Alley_Prostitute_Dom">> <<set $inventoryPillsDom -= 1>> <<set $karmaMoneyOwed += 800>> <</link>> <<else>> <div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: rgba(0, 0, 0, 0.2); color: #666; border: 1px dashed #555; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: not-allowed;"> Out of Pills </div> <</if>> <!-- FREE USE BUTTON --> <<link '<div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: #141414; color: #3498db; border: 1px solid #3498db; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;">Use Her For Relief</div>' "Alley_Prostitute_Dom">> <<set $alleySceneStageDom = 4>> <</link>> <!-- LEAVE --> <a data-passage="Dark_Alley_Dom" style="margin-top: 15px; color: #888; text-decoration: none; font-size: 14px; border-bottom: 1px solid #888; cursor: pointer;"> Leave Alley </a> </div> <</if>> <!-- ============================================================== --> <!-- STAGE 0: THE BAIT (FIRST ENCOUNTER) --> <!-- ============================================================== --> <<elseif typeof $alleySceneStageDom === 'undefined'>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Dark Alley</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You cut deeper through the alleyway. From the shadows, a bimbo steps into your path. Her makeup is smeared, and her short shorts barely cover her ass. She gives you a seductive smile and gestures toward a dead-end corner. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/alley_prostitute_approach.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Hey there, handsome. I know a quiet spot right over there... $100 and I'll make you feel amazing.</div> </div> </div> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center; margin-top: 35px;"> <<link '<div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: #141414; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;">Follow her into the shadows</div>' "Alley_Prostitute_Dom">> <<set $alleySceneStageDom = 1>> <</link>> <a data-passage="Dark_Alley_Dom" style="margin-top: 15px; color: #888; text-decoration: none; font-size: 14px; border-bottom: 1px solid #888; cursor: pointer;"> Ignore her and keep walking </a> </div> <!-- ============================================================== --> <!-- STAGE 1: THE TRAP --> <!-- ============================================================== --> <<elseif $alleySceneStageDom == 1>> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Ambush</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You follow her past a row of dumpsters. Suddenly, Karma drops her seductive smile and steps back. From behind the garbage bins, a group of large thugs step out, blocking your only exit. One of them is holding a heavy steel pipe. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/thugs.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3); border: 1px solid #ff5252;"> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ff5252; background: linear-gradient(135deg, #4a0000 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 82, 82, 0.2);">🔪</div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Alley Thug</div> <div style="color: #eee; font-size: 14px;">Good job setting the bait, baby. Alright rich boy, hand over the wallet and your watch, and maybe we won't crack your skull open.</div> </div> </div> <div style="display: flex; flex-direction: column; gap: 15px; align-items: center; margin-top: 35px;"> <<link '<div style="display: block; width: 100%; min-width: 300px; padding: 15px; background: #141414; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-align: center; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;">FIGHT THEM</div>' "Alley_Prostitute_Dom">> <<set $alleySceneStageDom = 2>> <</link>> </div> <!-- ============================================================== --> <!-- STAGE 2: THE FIGHT RESOLUTION --> <!-- ============================================================== --> <<elseif $alleySceneStageDom == 2>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- ======================= VICTORY ======================= --> <<if ($jackFitness || 0) >= 30 && ($jackDominance || 0) >= 20>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Turning the Tables</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You don't hesitate. Before the thug with the pipe can swing, you duck under it and drive your fist brutally into his throat. He collapses, choking for air. You rip the steel pipe from his hands and turn to the second man, delivering a crushing blow to his ribs. The remaining thugs scramble away in terror, leaving their friends groaning on the concrete. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/jack_beating_thugs.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You reach into the downed thug's jacket, pulling out a wad of cash. Then, you turn your cold gaze to Karma. The bait is pressed against the wall, shaking with pure fear. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You brought me back here for a good time, bitch. I'm not leaving until I get it. Show me your ass, slut. Right now.</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Okay! Okay! Just please don't hurt me!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Terrified of what you'll do to her if she refuses, she quickly turns around, hiking up her shorts and exposing her holes to you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_fuck.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"></video> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Ahhh! You are stretching my pussy soo much... please don't nut in me! Use my mouth instead! Please!</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_cum in mouth2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"></video> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> After nutting all over her face and mouth, she scrambles backward. In a complete panic, she tries to jog away, completely forgetting to pull her pants back up. You reach out and forcefully grab her by the arm, spinning her back around. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_run naked.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"></video> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Ahhh! Please let me go, sir! Please! I swear I'll never set you up again!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Listen to me closely, bitch. You work for me now. I'll supply you with drugs, and you are going to use that tight body and pretty mouth to sell them to these alley creeps at a massive markup.</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Wait... what? No, I can't do that! If another crew catches me dealing on their turf, they'll kill me!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Do I look like I care? You tried to have me robbed, slut. You owe me. I'll drop off the stash, and I'll collect my cash every Sunday night.</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Please, sir... I just wanted a quick score. I'm not a dealer...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You tighten your grip on her arm, squeezing until she whimpers in pain. You point to the unconscious thug bleeding on the concrete beside you. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I wasn't asking. You either work for me, or I lay you out next to him and call the cops. Understand?</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Yes... yes, sir. I understand. I'll push whatever you give me.</div> </div> </div> <<set $energy -= 20>> <<set $money += 500>> <<set $jackDominance += 5>> <<set $jackCorruption += 5>> <<set $karmaOwned = true>> <<unset $alleySceneStageDom>> <!-- Clean up variable --> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1px;">💰 MONEY +$500 (Looted from Thugs)</span><br> <span style="color: #00bcd4; font-weight: bold; font-size: 14px;">👑 You can now let Karma push product for you.</span> </div> <div style="border: 1px solid #00bcd4; background-color: rgba(0, 188, 212, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(0,188,212,0.1);"> <span style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +5 | CORRUPTION +5</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE THE ALLEY </a> </div> <!-- ======================= DEFEAT ======================= --> <<else>> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Brutally Beaten</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You try to throw a punch, but you are too slow and lack the imposing physical presence to back them down. The thug with the pipe catches you hard in the ribs, sending you collapsing to your knees. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/jack_beaten_up.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3); border: 1px solid #ff5252;"> </div> <!-- PENALTY LOGIC --> <<if ($money || 0) > 0>> <<set _stolenAmount = Math.min($money, 150)>> <<set $money -= _stolenAmount>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> The thugs strip the cash from your wallet while you gasp for air. </p> <div style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px; margin-bottom: 15px; text-align: center;">💸 MONEY -$<<print _stolenAmount>></div> <<else>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> When they pull out your wallet and realize you are completely broke, their mocking laughs turn into furious shouts. Angry that you wasted their time, they ruthlessly kick you again. </p> <</if>> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ff5252; background: linear-gradient(135deg, #4a0000 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 82, 82, 0.2);">🔪</div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Alley Thug</div> <div style="color: #eee; font-size: 14px;">You did your job, bait. Now let's see how much you want it before we leave this loser to bleed out.</div> </div> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Right here? In front of him? Mhmm... okay. Give it to me. I need it.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> As you lie helplessly on the cold concrete, coughing and clutching your ribs, Karma drops to her knees in front of her accomplices. Her eyes are filled with pure lust as they unzip their pants and she eagerly pulls them into her mouth. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_thugs_throat.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3); border: 1px solid #ff5252;"></video> </div> <div style="background-color: rgba(255, 82, 82, 0.15); border: 2px solid #ff5252; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ff5252; background: linear-gradient(135deg, #4a0000 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 82, 82, 0.2);">🔪</div> <div> <div style="color: #ff5252; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Alley Thug</div> <div style="color: #eee; font-size: 14px;">Yeah, choke on it you dirty street rat!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Karma gags and moans, completely surrendering to their rough treatment. She swallows every thrust with practiced ease. They finish brutally, painting her face and lips with their heavy loads as she gasps for air. It's the last humiliating thing you see before the pain overwhelms you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_thugs_cum.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3); border: 1px solid #ff5252;"></video> </div> <<set $energy -= 50>> <<unset $alleySceneStageDom>> <!-- Resets for next time --> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px dashed #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-size: 13px; font-weight: bold; text-transform: uppercase;"> (Requirements Not Met: You needed 30 Fitness and 20 Dominance to defeat the thugs) </span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="WakeUpHospital_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> BLACK OUT </a> </div> <</if>> <!-- ============================================================== --> <!-- STAGE 4: REPEATABLE SEX SCENE (FREE RELIEF) --> <!-- ============================================================== --> <<elseif $alleySceneStageDom == 4>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <h2 style="color: #3498db; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Checking the Merchandise</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You walk Karma deep into the shadows behind the dumpsters. Without needing an order, she hikes her skirt up and drops to her knees to service you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/alley_blowjob2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"></video> </div> <div style="background-color: rgba(52, 152, 219, 0.15); border: 2px solid #3498db; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKarma" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #3498db;" alt="Karma"> </div> <div> <div style="color: #3498db; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Karma</div> <div style="color: #eee; font-size: 14px;">Gulp, ghhhhg.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm cumming, slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/alley_cum_in_mouth.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); border: 1px solid #3498db;"> </div> <<set $energy -= 10>> <<unset $alleySceneStageDom>> <!-- Returns to hub logic for next visit --> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -10</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #3498db; border: 1px solid #3498db; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> ZIP UP AND LEAVE </a> </div> <</if>> </div> <div style="display: none;"> [[Dark_Alley_Dom]] [[WakeUpHospital_Dom]] </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <<set $jackKnowledge += 1>> <<set $energy -= 20>> <!-- ADVANCE TIME SAFELY --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="text-align: center; max-width: 600px; margin: 50px auto;"> <h2 style="color: #4fc3f7; letter-spacing: 2px; text-transform: uppercase;">Time Well Spent</h2> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You spend a few hours reading up on general sciences, economics, and history. Your eyes are a little strained, and it took a decent amount of energy, but you definitely feel sharper. </p> <!-- DARK BLUE KNOWLEDGE BOX --> <div style="background: rgba(10, 132, 255, 0.15); border: 1px solid #0a84ff; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #0a84ff; font-weight: bold; font-size: 16px;">KNOWLEDGE +1</span> </div> <!-- RED ENERGY BOX --> <div style="background: rgba(255, 82, 82, 0.15); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px;">ENERGY -20</span> </div> <div style="margin-top: 40px;"> <a data-passage="PCPassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">BACK TO PC</a> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <<set $energy -= 20>> <<set $pornWatched += 1>> <!-- Generates a random number between 1 and 3 --> <<set _randVid = random(1, 3)>> <!-- Combines the category string, the number, and the .webm extension --> <<set _videoPath = "videos/" + $pornCategory + _randVid + ".webm">> <!-- ADVANCE TIME SAFELY --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="text-align: center; max-width: 600px; margin: 50px auto;"> <h2 style="color: #ff5252; letter-spacing: 2px; text-transform: uppercase;"><<print $pornCategory>> Video</h2> <div style="margin: 25px 0;"> <video @src="_videoPath" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 10px 30px rgba(255,82,82,0.2);"></video> </div> <div style="background: rgba(255, 82, 82, 0.15); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px;">ENERGY -20</span> </div> <div style="margin-top: 40px;"> <a data-passage="PCPassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">BACK TO BROWSER</a> </div> </div> <</nobr>>
<<nobr>> <h3 style="color: #dfba6b;">Online Job Board</h3> <!-- CHECK 1: DOES HE NOT HAVE A JOB AND IS THE QUEST ACTIVE? --> <<if $hasJobDom is false and $questJobDom is "active">> <!-- Time Advance --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <<elseif $time is "Night">><<set $time = "Night">> <</if>> <p>You scour the online job boards, aggressively tailoring your resume to highlight your analytical skills and zero-bullshit work ethic. It doesn't take long before a major corporate firm bites, offering you a solid position in their accounting department.</p> <img src="images/company.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 20px auto;"> <p>It's a corporate grind, but it pays well and gets your foot in the door. More importantly, generating your own income means Angela can no longer hold her finances over your head. You are taking back control.</p> <!-- COMPLETE THE JOB HUNT --> <<set $questJobDom = "completed">> <<set $hasJobDom = true>> <!-- ACTIVATE THE FIRST DAY AT WORK QUEST --> <<set $questFirstDayDom = "active">> <p style="color: #dfba6b; font-weight: bold;">You successfully secured a corporate job!</p> <!-- NEW OBJECTIVE POPUP --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #dfba6b; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #dfba6b; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🎯 NEW OBJECTIVE</span><br> <span style="color: #ccc; font-size: 13px;">Head to the corporate office in the City during the Morning for your first day of work.</span> </div> <!-- CHECK 2: DOES HE TRY TO APPLY BEFORE THE QUEST IS ACTIVE? --> <<elseif $hasJobDom is false>> <p>You scroll through the corporate listings, but you don't really have a reason to apply for anything right now. Focus on your current objectives.</p> <!-- CHECK 3: HE ALREADY HAS THE JOB --> <<else>> <p>You have already secured a position at the firm. Focus on climbing the ladder and making money instead of browsing entry-level listings.</p> <</if>> <br> [[Back to PC Menu|PCPassage_Dom]] <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <<set $energy -= 15>> <!-- Resets the video tracker so they can start over next time --> <<set $pornWatched = 0>> <!-- ADVANCE TIME SAFELY --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="text-align: center; max-width: 600px; margin: 50px auto;"> <h2 style="color: #ff5252; letter-spacing: 2px; text-transform: uppercase;">Sweet Release</h2> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> After edging to a few different videos, you finally take yourself over the edge. You clean up, close out your tabs, and sit back in your chair, feeling completely drained but heavily relaxed. </p> <div style="text-align: center; margin: 25px 0;"> <video src="videos/Jerkoff Dom.webm" width="100%" autoplay loop muted controls style="border-radius: 12px; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"></video> </div> <div style="background: rgba(255, 82, 82, 0.15); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px;">ENERGY -15</span> </div> <div style="margin-top: 40px;"> <a data-passage="PCPassage_Dom" style="padding: 12px 30px; background: #141414; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">BACK TO PC</a> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">CONVENIENCE STORE</h2> <img src="images/SHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Changed to Dom Red --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Razors --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Pack of Razors</div> <<link '<img src="images/Razors.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 15>> <<set $money -= 15>> <<set $razors += 1>> <<goto "SHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $15</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: $razors</div> </div> <!-- Energy Drink --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Energy Drink</div> <<link '<img src="images/Monster_Energy_drink_(cropped).jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 10>> <<set $money -= 10>> <<set $energy = Math.min($maxEnergy, $energy + 50)>> <<goto "SHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $10</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">Restores 50 Energy</div> </div> <!-- NEW: Protein Bar --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Protein Bar</div> <<link '<img src="images/protein_bar.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 8>> <<set $money -= 8>> <!-- Increment the eaten counter --> <<set $proteinBarsEaten = ($proteinBarsEaten || 0) + 1>> <!-- Check if it reached 5 to give stats --> <<if $proteinBarsEaten >= 5>> <<set $jackFitness += 1>> <<set $proteinBarsEaten -= 5>> <</if>> <<goto "SHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $8</div> <div style="color: #888; font-size: 12px; margin-top: 5px;">+1 Fitness (per 5 bars)</div> <div style="color: #2ed573; font-size: 11px; margin-top: 3px; font-weight: bold;">Consumed: <<print ($proteinBarsEaten || 0)>> / 5</div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">ELECTRONICS STORE</h2> <img src="images/ELECTRONICS INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #e91e63; text-align: center; height: 20px; font-weight: bold; margin-bottom: 15px;"></div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- ==================== --> <!-- ITEM 1: HIDDEN SPYCAM --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Hidden Spycam</div> <!-- Clickable Image (Fixes the NaN bug automatically!) --> <<link '<img src="images/SPYCAM.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $money >= 900>> <<set $money -= 900>> <!-- Failsafe: if the game forgot the variable, it forces it to 0 before adding --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <<set $spycamCount += 1>> <<goto "ELECTRONICSSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $900</div> <!-- Failsafe check for display text --> <<if ndef $spycamCount>><<set $spycamCount = 0>><</if>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: <<print $spycamCount>></div> </div> <!-- ==================== --> <!-- ITEM 2: SMARTPHONE --> <!-- ==================== --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Smartphone</div> <!-- Clickable Image --> <<link '<img src="images/SMARTPHONE.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #555;">'>> <<if $hasNewPhone is true>> <<replace "#shop-msg">>You already own this phone.<</replace>> <<elseif $money >= 2000>> <<set $money -= 2000>> <<set $hasNewPhone = true>> <<goto "ELECTRONICSSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $2000</div> <!-- Checks if you own it to change the text at the bottom --> <<if $hasNewPhone is true>> <div style="color: #888; font-size: 12px; margin-top: 5px;">Owned: Yes</div> <<else>> <div style="color: #ff5252; font-style: italic; font-size: 11px; margin-top: 5px;"></div> <</if>> </div> </div> <!-- END OF ITEM GRID --> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 35px;"> <a data-passage="Mall_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE STORE </a> </div> </div> <!-- HIDDEN BACKEND LINK FOR MAP --> <div style="display: none;"> [[Mall_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0; margin-bottom: 5px;">ADULT SHOP</h2> <!-- NEW RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-style: italic; text-align: center; margin-bottom: 20px; letter-spacing: 0.5px;"> * Only the buttplug is usable in the story for now. </div> <img src="images/ADULTSHOP INTERIOR.jpg" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <!-- Message Box --> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <div style="text-align: center; color: #ccc; margin-bottom: 25px; font-size: 14px; font-style: italic;"> Purchasing these toys will unlock new dominance and pleasure options with the women. </div> <!-- SHOP ITEM GRID --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Buttplug --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Silicone Buttplug</div> <<if $hasButtplug>> <img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Buttplug2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $money >= 100>> <<set $money -= 100>> <<set $hasButtplug = true>> <<goto "ADULTSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $100</div> <</if>> </div> <!-- Vibrator --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Magic Wand</div> <<if $hasVibrator>> <img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Vibrator2.webp" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $money >= 250>> <<set $money -= 250>> <<set $hasVibrator = true>> <<goto "ADULTSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $250</div> <</if>> </div> <!-- Dildo --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Large Dildo</div> <<if $hasDildo>> <img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Dildo2.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $money >= 300>> <<set $money -= 300>> <<set $hasDildo = true>> <<goto "ADULTSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $300</div> <</if>> </div> <!-- Sex Machine (NEW) --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Fucking Machine</div> <<if $hasSexMachine>> <img src="images/SexMachine.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/SexMachine.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #ff5252;">'>> <<if $money >= 1500>> <<set $money -= 1500>> <<set $hasSexMachine = true>> <<goto "ADULTSHOP_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; margin-top: 10px; font-weight: bold;">Price: $1500</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 30px;"> <<link "RETURN TO MALL" "Mall_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 750px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">MENSWEAR BOUTIQUE</h2> <img src="images/Clothingstore.avif" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div id="shop-msg" style="color: #ff5252; text-align: center; height: 20px; font-weight: bold; font-style: italic; margin-bottom: 15px;"></div> <!-- ======================= --> <!-- SECTION: APPAREL --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Apparel</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Casual Clothes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Casual Set</div> <<if $hasCasualClothes>> <img src="images/Casual clothes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Casual clothes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 800>> <<set $money -= 800>> <<set $hasCasualClothes = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+5 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: 800</div> <</if>> </div> <!-- Workout Clothes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Workout Clothes</div> <<if $hasMensSport>> <img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Gym wear.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 300>> <<set $money -= 300>> <<set $hasMensSport = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; font-weight: bold;">Price: $300</div> <</if>> </div> <!-- Formal Suit --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Formal Suit</div> <<if $hasFormalSuit>> <img src="images/Formal suit.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Formal suit.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 2000>> <<set $money -= 2000>> <<set $hasFormalSuit = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+15 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $2000</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: FOOTWEAR --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Footwear</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Casual Shoes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Casual Shoes</div> <<if $hasCasualShoes>> <img src="images/Casual shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Casual shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 400>> <<set $money -= 400>> <<set $hasCasualShoes = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+5 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $400</div> <</if>> </div> <!-- Training Shoes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Training Shoes</div> <<if $hasMensShoes>> <img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Mens running shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 150>> <<set $money -= 150>> <<set $hasMensShoes = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #dfba6b; font-weight: bold;">Price: $150</div> <</if>> </div> <!-- Formal Shoes --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Formal Shoes</div> <<if $hasFormalShoes>> <img src="images/Formal shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Formal shoes.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 800>> <<set $money -= 800>> <<set $hasFormalShoes = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+10 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $800</div> <</if>> </div> </div> <!-- ======================= --> <!-- SECTION: ACCESSORIES --> <!-- ======================= --> <h3 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 15px; margin-top: 30px; margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px;">Accessories (Watches)</h3> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- Standard Watch --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Standard Watch</div> <<if $hasCheapWatch>> <img src="images/Cheap watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Cheap watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 600>> <<set $money -= 600>> <<set $hasCheapWatch = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+2 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $600</div> <</if>> </div> <!-- Designer Watch --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Designer Watch</div> <<if $hasExpensiveWatch>> <img src="images/Expensive watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Expensive watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 2000>> <<set $money -= 2000>> <<set $hasExpensiveWatch = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+12 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $2000</div> <</if>> </div> <!-- Luxury Watch --> <div style="background: #1a1a24; padding: 15px; border-radius: 12px; border: 1px solid #333; text-align: center; width: 160px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);"> <div style="font-weight: bold; color: #ddd; margin-bottom: 10px; font-size: 14px;">Luxury Watch</div> <<if $hasLuxuryWatch>> <img src="images/Luxury watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #4CAF50; opacity: 0.4;"> <div style="color: #4CAF50; margin-top: 10px; font-weight: bold;">OWNED</div> <<else>> <<link '<img src="images/Luxury watch.jpg" style="width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 2px solid #dfba6b;">'>> <<if $money >= 5000>> <<set $money -= 5000>> <<set $hasLuxuryWatch = true>> <<goto "BOUTIQUE_Dom">> <<else>> <<replace "#shop-msg">>Not enough money!<</replace>> <</if>> <</link>> <div style="color: #4fc3f7; font-size: 13px; font-weight: bold; margin-top: 10px;">+20 Looks</div> <div style="color: #dfba6b; font-weight: bold;">Price: $5000</div> <</if>> </div> </div> <div style="text-align: center; margin-top: 40px;"> <<link "RETURN TO MALL" "Mall_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <!-- Stat and Time Math --> <<set $energy -= 30>> <<set $jackFitness += 2>> <<if $time == "Morning">><<set $time = "Afternoon">> <<elseif $time == "Afternoon">><<set $time = "Evening">> <<elseif $time == "Evening">><<set $time = "Night">><</if>> <!-- Max Energy Milestone Logic --> <<set _oldMax = $maxEnergy>> <<set $maxEnergy = 100 + (Math.trunc($jackFitness / 20) * 10)>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #dfba6b; max-width: 700px; margin: 20px auto;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; margin-top: 0;">WORKOUT COMPLETE</h2> <img src="images/GymWorkout.gif" style="width: 100%; height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 20px;"> <div style="text-align: center; color: #ddd; margin-bottom: 20px;"> You push yourself to the limit, tearing down muscle to build it back stronger. <br><br> <span style="color: #ff5252; font-weight: bold;">-30 Energy</span><br> <span style="color: #4CAF50; font-weight: bold;">+2 Fitness</span><br> <span style="color: #dfba6b; font-weight: bold;">Time Passes</span> </div> <<if $maxEnergy > _oldMax>> <div style="text-align: center; color: #4fc3f7; font-weight: bold; margin-top: 15px; border: 1px solid #4fc3f7; padding: 10px; border-radius: 8px;"> FITNESS MILESTONE REACHED!<br> Your Max Energy has increased to <<print $maxEnergy>>! </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <!-- Returns them back to the reception to choose their next move --> <<link "FINISH WORKOUT" "Gym_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <!-- DOM SPECIFIC VARIABLES --> <<if $officeIntroDoneDom>> <<goto "OfficeHub_Dom">> <<elseif not $hasJobDom>> <!-- 1. CHECK IF HE HAS APPLIED YET --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">ACCESS DENIED</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You stand outside the corporate building, but you have no reason to be here yet.</p> <p>Use your computer at home to apply for a position before showing up.</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage_Dom">><</link>> </div> <<elseif $time neq "Morning">> <!-- 2. CHECK IF HE IS SHOWING UP IN THE MORNING --> <h2 style="text-align: center; color: #ff5252; letter-spacing: 2px; margin-bottom: 20px;">TOO LATE</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/B.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <div style="max-width: 580px; margin: 0 auto; color: #ddd; font-size: 15px; line-height: 1.6; text-align: center; margin-bottom: 30px;"> <p>You can only attend your first day at the office in the morning.</p> <p>It's too late in the day now. Head back home and come back tomorrow.</p> </div> <div style="text-align: center; margin-top: 20px;"> <<link "Head back home" "HallwayPassage_Dom">><</link>> </div> <<else>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 20px;">FIRST DAY OF WORK</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <img src="images/Lobby.avif" style="width: 100%; border-radius: 8px; display: block;" alt="Lobby"> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stride into the massive, luxurious lobby. The sterile corporate atmosphere doesn't intimidate you—this is just another system to conquer. The front desk directs you to the Regional Manager's office. </p> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Excuse me, Tyron? I'm <<print $playerName>>, the new accountant.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Startled by your sudden entry, the manager violently shoves his chair back. A woman's head awkwardly ducks beneath his mahogany desk, and he scrambles to pull his zipper up. You cross your arms, entirely unfazed. </p> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Manager Tyron</div> <div style="color: #eee; font-size: 14px;">Jesus fucking Christ! Do you not know how to knock?! Get out!</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">The door was unlocked, Tyron. If you're going to conduct 'interviews' under your desk, I'd suggest a lock. Now, where is my department?</div> </div> </div> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> Tyron's face flushes with anger, but he catches the underlying threat in your voice. You caught him red-handed, and he knows it. He adjusts his tie, trying to salvage his authority. </p> </div> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Third floor. You report directly to Kendra, Head of Finance. Don't fuck this up. Now get out.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Don't worry about me. Enjoy the rest of your meeting.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You turn on your heel and walk out, leaving the door wide open behind you just to prove a point. </p> <!-- MANAGER Tyron --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Fucking arrogant prick... Hey, are you done down there? Get back up here and finish.</div> </div> </div> <!-- WOMAN DIALOGUE --> <div style="background-color: rgba(255, 192, 203, 0.15); border: 2px solid #FFC0CB; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarWoman" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #FFC0CB;" alt="Woman"> </div> <div> <div style="color: #e91e63; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Woman</div> <div style="color: #eee; font-size: 14px;">Yes, sir. Right away...</div> </div> </div> <!-- VIDEO SECTION --> <video controls style="width: 100%; border-radius: 8px; display: block; margin: 5px 0; border: 1px solid #333;"> <source src="videos/Desk blowjob.webm" type="video/webm"> Your browser does not support the video tag. </video> <!-- NEXT BUTTON --> <div style="text-align: center; margin-top: 15px;"> <<link "Take the elevator to the third floor..." "OfficePart2_Dom">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficePart2_Dom]] </div> <</if>> <</nobr>>
<<nobr>> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 20px;">FINANCE DEPARTMENT</h2> <div style="max-width: 650px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px;"> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Doesn't that idiot get that anyone can see he's getting a blowjob from that bitch? If that's how the regional manager operates, this place is going to be incredibly easy to exploit.)</i></div> </div> </div> <img src="images/Elevator.jpg" style="width: 100%; border-radius: 8px; display: block; border: 1px solid #333;" alt="Elevator"> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step off the elevator on the third floor and knock on the Head of Finance's door. A sharp voice permits you to enter. You walk in to find an incredibly gorgeous woman reviewing a stack of files. Her authoritative aura is palpable, but what immediately draws the eye is her massive, barely-contained cleavage. </p> <img src="images/Kendra office.jpg" style="width: 100%; border-radius: 8px; display: block; border: 1px solid #333;" alt="Kendra Office"> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">You must be the new accountant Tyron shoved onto my roster. Have a seat. I'm Kendra, and I don't tolerate mistakes in my ledgers.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I don't make them, Ms. Kendra. I'm here to clean up the books and make this department run flawlessly.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She pauses, her eyes narrowing as she sizes you up. Most new hires stutter or stare at her chest when they walk into this office. You did neither—at least, not noticeably. A faint smirk plays on her lips. </p> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Confident. I like that. We'll see if your work backs it up. You'll be managing corporate expense reports, assisting me with audits, and handling whatever financial analysis I require. Hours are Monday through Friday, full days. Rate is $300/shift. Is that understood?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Crystal clear. Where is my desk?</div> </div> </div> <!-- KENDRA --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Right outside my door. Settle in, review the quarterly files on your terminal. Feel free to come to me if you have any issues.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I will be doing that Ms Kendra.</div> </div> </div> <!-- DOM SPECIFIC VARIABLES SET --> <div style="text-align: center; margin-top: 25px;"> <<link "Take your seat at your desk..." "OfficeHub_Dom">> <<set $officeIntroDoneDom = true>> <<set $hasJobDom = true>> <<set $questJobDom = "completed">> <<set $questFirstDayDom = "completed">> <</link>> </div> </div> <!-- HIDDEN BACKEND LINK FOR TWINE MAP --> <div style="display: none;"> [[OfficeHub_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Manager's Office</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Tyron sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step into the manager's office. Tyron is leaning back in his chair, trying to project an air of authority, though his posture stiffens slightly the moment you enter. </p> <!-- TYRON DIALOGUE --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">What is it, boy?</div> </div> </div> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <a data-passage="OfficeHub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #9b59b6; border: 1px solid #9b59b6; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> </div> <</nobr>>
<<nobr>> <<if typeof $wageDom === 'undefined'>><<set $wageDom = 300>><</if>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #0f0f15; border-radius: 16px; padding: 30px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center;"> <h2 style="color: #dfba6b; letter-spacing: 2px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;">AT WORK</h2> <div style="width: 100%; height: auto; display: block; margin-bottom: 20px;"> <img src="images/Working.gif" style="width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; border: 2px solid #333;"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You put your head down and grind through the day's tasks. Staring at the screen is exhausting, but seeing that direct deposit hit your account makes it worth it. </p> <<set $money += $wageDom>> <<set $energy -= 20>> <<if $energy < 0>><<set $energy = 0>><</if>> <div style="text-align: center; margin-top: 30px; padding: 15px; background: rgba(76, 175, 80, 0.1); border: 1px solid #4CAF50; border-radius: 8px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 18px; letter-spacing: 1px;">MONEY +$<<print $wageDom>></span><br> <span style="color: #ff5252; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ENERGY -20</span> </div> <div style="text-align: center; margin-top: 35px;"> <<link "RETURN TO DESK" "OfficeHub_Dom">><</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $questAngelaOfficeDom == "convince_kendra">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_Kendra1_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Pitch Angela to Kendra</a> </div> <<elseif $questAngelaOfficeDom == "kendra_approval">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_Kendra2_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Finalize Angela's Hiring</a> </div> <</if>> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Kendra's Office</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <<if $kendraSeduceUnlocked>> <img src="images/Kendra office unlocked.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <<else>> <img src="images/Kendra office reporting.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <</if>> </div> <!-- ========================================== --> <!-- PHASE 1: THE WAGE CUT CONFRONTATION --> <!-- ========================================== --> <<if $questLaurenRevengeDom is "active" and $metLaurenDom is true>> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step into Kendra's office and shut the door behind you. She stands in front of you with sharp eyes. </p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I just had a very disturbing conversation with Lauren. She informed me that you were highly aggressive, intimidating, and completely unprofessional on your very first day.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ms. Kendra, she is lying. She tried to dump her paperwork onto me, and I simply told her that I handle the ledgers, not her busywork.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I don't care about your petty desk drama. Hostility is a direct violation of our working ethics. My first thought was to terminate your contract immediately.</div> </div> </div> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You clench your jaw, forcing yourself to maintain eye contact as you wait for the final verdict. </p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">However, we are severely low on capable accountants. So, here is the resolution: I am keeping you on, but your daily wage is being slashed by 50%. You now make $150 a day. Is that understood?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Half my money gone over a fabricated HR complaint? I need this job too badly to walk away right now. But Lauren just made a massive mistake.)</i><br><br>Very well, Ms. Kendra.</div> </div> </div> <!-- Quest updates and Wage decrease --> <<set $questLaurenRevengeDom = "find_dirt">> <<set $wageDom = 150>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🎯 NEW OBJECTIVE</span><br> <span style="color: #ccc; font-size: 13px;">Find leverage on Lauren to put her in her place and force her to clear your name with Kendra.</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dc143c; border: 1px solid #dc143c; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> <!-- ========================================== --> <!-- PHASE 2: NORMAL VISIT (Busy) --> <!-- ========================================== --> <<else>> <<if $kendraSeduceUnlocked>> <!-- Narrative --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She looks up, a sudden flush coloring her cheeks as she slightly pulls her skirt up without realizing. </p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;"><<print $playerName>>... do you need something work related? Or are you here to make me cheat on my husband again? (Please say yes)</div> </div> </div> <<else>> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">How can I help you, <<print $playerName>>?</div> </div> </div> <</if>> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <<if $kendraSeduceUnlocked>> <<if $kendraSeducedToday == $dayIndex>> <div style="display: inline-block; padding: 12px 30px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; opacity: 0.5; cursor: not-allowed;"> KENDRA NEEDS REST (DONE FOR TODAY) </div> <<else>> <a data-passage="Kendra_Seduce_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dc143c; border: 1px solid #dc143c; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> SEDUCE KENDRA </a> <</if>> <</if>> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dc143c; border: 1px solid #dc143c; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $questAngelaOfficeDom == "talk_to_lauren">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_Lauren1_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Demand Angela's Job</a> </div> <<elseif $questAngelaOfficeDom == "lauren_waiting">> <<if $dayCount > $laurenWaitDay>> <<set $questAngelaOfficeDom = "lauren_failed">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_LaurenFailed_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Check on Angela's Job</a> </div> <<else>> <p style="color: #ffb74d; text-align: center; font-style: italic;">Lauren avoids your gaze. You need to give her until tomorrow.</p> <</if>> <<elseif $questAngelaOfficeDom == "lauren_failed">> <div style="text-align: center; margin-bottom: 20px;"> <a data-passage="Quest_Angela_LaurenFailed_Dom" style="display: inline-block; padding: 12px 25px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Check on Angela's Job</a> </div> <</if>> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Desk</h2> <!-- DYNAMIC IMAGE LOGIC --> <<if $questLaurenRevengeDom is "completed">> <img src="images/Lauren post blackmail.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <<else>> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Lauren sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <</if>> <!-- ========================================== --> <!-- PHASE 1: THE FIRST IMPRESSION (ONE-TIME) --> <!-- ========================================== --> <<if not $metLaurenDom>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You approach the final desk on your orientation list. A striking woman is leaning back in her chair, casually playing with her hair while scrolling through her laptop. She barely acknowledges your presence. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Hello. I'm <<print $playerName>>, the new accountant.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Without looking up, she slides a massive stack of disorganized files across the desk. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, the new guy. Fantastic. Be a sweetheart and alphabetize these expense reports for me. Oh, and I take my coffee black, two sugars. The breakroom is down the hall.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stare at the files, then at her. Instead of picking them up, you firmly slide the heavy stack right back to her side of the desk, letting them forcefully thump against her keyboard. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I handle the corporate ledgers, Lauren. Not your busywork. And if you need a coffee, you know exactly where the breakroom is.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Excuse me? Do you have any idea who you're talking to?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Someone who has been here long enough to know how to alphabetize her own reports, I assume.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Listen to me carefully. I am Kendra's right hand and next in line to run this department. I can have your arrogant ass fired by lunchtime if you don't do exactly what I say.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Without dignifying her threat with a response, you simply turn your back and walk away. Lauren is left sitting in stunned silence, her face flush with anger. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I need to find some dirt on this bitch. The second I do, I'm going to put her exactly where she belongs.)</div> </div> </div> <<set $metLaurenDom = true>> <<set $questLaurenRevengeDom = "active">> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #dc143c; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #dc143c; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">🎯 NEW OBJECTIVE</span><br> <span style="color: #ccc; font-size: 13px;">Report to Kendra's office.</span> </div> <!-- ========================================== --> <!-- PHASE 2: THE CONFRONTATION --> <!-- ========================================== --> <<elseif $questLaurenRevengeDom is "confront_lauren">> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stride confidently up to Lauren's desk. She glares at you the second you enter her periphery, her fingers freezing over her keyboard. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I thought I made it perfectly clear that I don't want you anywhere near my workspace. Leave before I call security.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I don't think you want to do that, <i>Lexi</i>.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The color instantly drains from her face. Her arrogant posture crumbles as she stares at you in absolute, wide-eyed terror. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">What... what did you just call me?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">$1000 an hour for the GFE? Honestly, considering how much you and Tyron have been skimming from the corporate accounts, I figured you'd charge a little more.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You... you hacked my computer? Are you insane? That's a federal crime! I'll have you arrested!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Go ahead. Call them. Call Kendra. Hell, let's call Mark. I'm sure your pathetic husband would love to see the videos of his wife choking on the CEO's cock in Room 312 while he's at home stressing over your overdue credit cards.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She collapses back into her chair, completely broken. Her hands are visibly trembling. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Please... please, <<print $playerName>>. I'll do whatever you want. I can pay you! I swear Tyron made me do this. Just don't leak those files. If the world finds out... my life is over.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Why exactly did he make you frame me?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Tyron has been draining the corporate accounts for his own bad investments. The board is auditing the company next month. He panicked and told me to set up a sacrificial lamb to take the fall for the missing funds so he wouldn't go to prison.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">And you were going to forge my signature on the Q3 financial reports so the auditors would blame me.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes... I had no choice! Tyron threatened to send my escort profiles and our sex tapes to my husband. He promised if I helped frame you, he'd promote me. Please, you have to believe me!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Shut your fucking mouth. You were practically begging for his cock in those messages. Don't play the victim with me. Does Kendra know you're framing me?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">No... she thinks the wage cut is just a disciplinary action because of your attitude. She doesn't know about the forged books. Please, just tell me what you want. I'll do anything.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Now we are talking. First, you're going into the payroll system to restore my full wage and permanently delete that fake performance review. Second, you will send me $1000 each friday from your own wage. Third, if I tell you to do something, you do it like a good slut without questioning me. Clear?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">A thousand a week? <<print $playerName>>, please... you know how much debt Mark and I are in...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You lean over the desk, grabbing her by the chin and delivering a sharp slap to her cheek. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">What did I just say about questioning me, slut? Next time you speak back, I hit send on those files. Do you understand?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes... yes, sir.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. Now strip, get on your knees, and show me exactly why Tyron pays you so much.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Without another word, she obeys your order, sinking to the floor. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office sucking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Your cock tastes amazing, sir...</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Enough warming up. Get on the desk. Let's see if this pussy is actually worth a thousand bucks an hour.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office fucking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look at how wet you get when you're put in your place, you absolute whore.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahhh! It's because you're filling me so deep, sir... fuck!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">To the chair. Now.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office fucking2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahhh! I'm cumming! Sir, I'm cumming!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees. Open your mouth.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Cumming on lauren office.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. Make sure you kiss your pathetic husband with that same mouth when you get home.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes, sir... thank you for using me.</div> </div> </div> <!-- QUEST, WAGE, AND STATS UPDATE --> <<set $questLaurenRevengeDom = "completed">> <<set $questAngelaOfficeDom = "confront_angela">> <<set $wageDom = 300>> <<set $jackDominance += 5>> <<set $jackCorruption += 5>> <div style="background-color: rgba(46, 213, 115, 0.15); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1.5px;">✔️ QUEST COMPLETED</span><br> <span style="color: #ccc; font-size: 13px;">You have successfully blackmailed Lauren. Your daily wage has been fully restored!</span> </div> <div style="background-color: rgba(255, 183, 77, 0.1); border: 1px dashed #ffb74d; border-radius: 8px; padding: 12px; text-align: center; margin: 15px auto; max-width: 600px;"> <span style="color: #ffb74d; font-size: 14px; font-weight: bold;">🟠 You can now use Lauren in her office whenever you want.</span> </div> <!-- STATS NOTIFICATIONS --> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +5</span> </div> <div style="border: 1px solid #000000; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,255,255,0.05);"> <span style="color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 3px rgba(255,255,255,0.6);">CORRUPTION +5</span> </div> <!-- ========================================== --> <!-- PHASE 3: POST-BLACKMAIL (SUBMISSIVE) --> <!-- ========================================== --> <<elseif $questLaurenRevengeDom is "completed">> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">How can I serve you sir.</div> </div> </div> <!-- ========================================== --> <!-- PHASE 4: PRE-BLACKMAIL (ARROGANT) --> <!-- ========================================== --> <<else>> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Get the fuck out of my workspace. I don't want to see you.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Enjoy the attitude while you still can. I'll find a way to break it soon enough.)</i></div> </div> </div> <</if>> <!-- ACTION BUTTONS --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <<if $questLaurenRevengeDom is "completed">> <!-- ONCE A DAY LOGIC --> <<if $laurenLastUsedDay neq $dayIndex>> <!-- ACTIVE BUTTON --> <a data-passage="Lauren_Use_Dom" data-setter="$laurenLastUsedDay = $dayIndex" style="display: inline-block; padding: 12px 30px; background: rgba(255, 183, 77, 0.1); color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> USE LAUREN </a> <<else>> <!-- GRAYED OUT (ALREADY USED TODAY) --> <div style="display: inline-block; padding: 12px 30px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: not-allowed; opacity: 0.7;"> LAUREN NEEDS REST (DONE FOR TODAY) </div> <</if>> <</if>> <!-- LEAVE BUTTON --> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HUB </a> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Manager's Office</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Tyron sitting office.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step into the manager's office. Tyron is leaning back in his chair, trying to project an air of authority, though his posture stiffens slightly the moment you enter. </p> <!-- TYRON DIALOGUE --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarTyron" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">What is it rookie?</div> </div> </div> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #9b59b6; border: 1px solid #9b59b6; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <!-- Automatically create the skill variable if it doesn't exist yet --> <<if typeof $jackHackingDom === 'undefined'>><<set $jackHackingDom = 0>><</if>> <!-- Increase skill and decrease energy --> <<set $jackHackingDom += 1>> <<set $energy -= 20>> <!-- ADVANCE TIME SAFELY --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; max-width: 600px; margin: 50px auto;"> <h2 style="color: #ffb74d; letter-spacing: 2px; text-transform: uppercase;">Time Well Spent</h2> <!-- LEVEL 1 --> <<if $jackHackingDom == 1>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You spend a few hours scouring underground security forums. You begin to understand the very basics of network exploits and standard office security protocols. </p> <<set $questLaurenRevengeDom = "learn_hacking">> <div style="background: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px;">HACKING SKILL: Level 1/5</span> </div> <!-- LEVEL 2 --> <<elseif $jackHackingDom == 2>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You dig deeper into specific vulnerabilities used in your company's operating systems, learning how to identify unpatched backdoors. </p> <div style="background: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px;">HACKING SKILL: Level 2/5</span> </div> <!-- LEVEL 3 --> <<elseif $jackHackingDom == 3>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You set up a simulated environment to practice brute-force credential attacks, familiarizing yourself with command-line injection tools. </p> <div style="background: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px;">HACKING SKILL: Level 3/5</span> </div> <!-- LEVEL 4 --> <<elseif $jackHackingDom == 4>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You study silent keyloggers and data exfiltration. You figure out exactly how to bypass Lauren's workstation firewall without triggering a corporate IT alert. </p> <div style="background: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px;">HACKING SKILL: Level 4/5</span> </div> <!-- LEVEL 5 (MAX) --> <<elseif $jackHackingDom >= 5>> <p style="color: #ccc; font-size: 16px; line-height: 1.6; margin: 20px 0;"> You've completely mastered the exploit sequence. The software payload is ready, but you cannot execute this remotely. You need physical hardware to inject the code into her machine. </p> <<set $questLaurenRevengeDom = "buy_device">> <div style="background: rgba(255, 183, 77, 0.15); border: 1px solid #ffb74d; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ffb74d; font-weight: bold; font-size: 16px;">I need a hacking USB.</span> </div> <</if>> <!-- RED ENERGY BOX --> <div style="background: rgba(255, 82, 82, 0.15); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; margin: 25px 0;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px;">ENERGY -20</span> </div> <div style="margin-top: 40px;"> <a data-passage="PCPassage_Dom" style="padding: 12px 30px; background: #141414; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;">BACK TO PC</a> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffeb3b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">T-Bone</h2> <!-- INBUILT DEALER AVATAR --> <div style="text-align: center; margin: 0 auto 25px auto;"> <div style="width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 3px solid #ffeb3b; background: linear-gradient(135deg, #2a2a35 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 45px; box-shadow: 0 4px 15px rgba(255, 235, 59, 0.2);">🕶️</div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I don't need drugs today. I need a specialized BadUSB flash drive. Something that can bypass a corporate firewall and inject a script automatically.</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Corporate espionage? Damn, suit. That's high-tier tech. I don't carry that in my pocket. I can source it for you, but it's gonna take 4 days to arrive.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That works. How much?</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">For you? 1500 bucks. Come back in 4 days with the cash, and it's yours.</div> </div> </div> <!-- THIS SETS THE TARGET DAY (Current Day + 4) --> <<set $hackingDeviceReadyDay = $dayCount + 4>> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(255, 183, 77, 0.2);"> AGREE AND LEAVE </a> </div> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[Dark_Alley_Dom]] </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #0b0c10 !important; } </style> <!-- ADVANCE TIME FROM EVENING TO NIGHT --> <<set $time = "Night">> <div style="background: #14161f; border-radius: 16px; padding: 40px; border: 1px solid #333; border-top: 4px solid #ffb74d; max-width: 850px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.9);"> <h2 style="color: #ffb74d; letter-spacing: 4px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; text-align: center;">Corporate Infiltration</h2> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/Lobby night.jpg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- INTRO NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 25px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> The lobby of the Apex Global building is dead quiet, bathed in the dim glow of security lighting. You stride confidently toward the elevators, but just as you reach the turnstiles, a heavy hand clamps down on your shoulder. </p> </div> <div style="background-color: rgba(0, 0, 0, 0.6); border: 2px solid #444; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #444; background: linear-gradient(135deg, #1a1a1a 0%, #000 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0,0,0,0.5);"> 👮♂️ </div> <div> <div style="color: #888; font-weight: bold; font-size: 16px; margin-bottom: 4px; text-transform: uppercase;">Security Guard</div> <div style="color: #eee; font-size: 14px;">Hold up. Where exactly do you think you're going?</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Relax. I'm <<print $playerName>>, finance department. I left my phone on my desk and I need it for an early flight. Just running up to grab it.</div> </div> </div> <div style="background-color: rgba(0, 0, 0, 0.6); border: 2px solid #444; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #444; background: linear-gradient(135deg, #1a1a1a 0%, #000 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0,0,0,0.5);"> 👮♂️ </div> <div> <div style="color: #888; font-weight: bold; font-size: 16px; margin-bottom: 4px; text-transform: uppercase;">Security Guard</div> <div style="color: #eee; font-size: 14px;">Is that so? Let's see your employee badge, then.</div> </div> </div> <!-- INFILTRATION NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 30px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> You don't break eye contact as you reach into your back pocket, smoothly sliding your Apex Global ID across the sleek surface of the security desk. He studies it for a second too long. </p> </div> <!-- BUILT-IN ID CARD --> <div style="width: 240px; background: #e0e5ec; border-radius: 10px; margin: 0 auto 30px auto; border: 2px solid #ccc; box-shadow: 0 10px 20px rgba(0,0,0,0.5); overflow: hidden; position: relative;"> <!-- Top blue corporate bar --> <div style="background: #1a237e; color: #fff; text-align: center; padding: 12px 0; font-weight: bold; letter-spacing: 2px; font-size: 15px; border-bottom: 3px solid #ffb74d;"> APEX GLOBAL </div> <!-- Photo Placeholder --> <div style="margin: 20px auto; width: 90px; height: 90px; background: #fff; border: 2px solid #bdc3c7; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 45px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);"> 👔 </div> <!-- Employee Details --> <div style="text-align: center; color: #333; padding-bottom: 20px;"> <div style="font-size: 18px; font-weight: bold; text-transform: uppercase; color: #111;"><<print $playerName>></div> <div style="font-size: 12px; color: #444; font-weight: bold; margin-top: 4px; letter-spacing: 1px;">FINANCE DEPT</div> <div style="font-size: 11px; color: #777; margin-top: 8px;">ID: AG-40921</div> </div> <!-- Barcode footer --> <div style="background: #fff; padding: 12px 0; border-top: 1px dashed #ccc; text-align: center; font-family: monospace; font-size: 20px; color: #111; letter-spacing: 2px;"> ||| | || ||| | | || </div> </div> <div style="background-color: rgba(0, 0, 0, 0.6); border: 2px solid #444; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #444; background: linear-gradient(135deg, #1a1a1a 0%, #000 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0,0,0,0.5);"> 👮♂️ </div> <div> <div style="color: #888; font-weight: bold; font-size: 16px; margin-bottom: 4px; text-transform: uppercase;">Security Guard</div> <div style="color: #eee; font-size: 14px;">Fine. Make it fast. I'm locking the main elevators down in ten minutes, and I'm not filling out an incident report tonight just because you can't keep track of your shit.</div> </div> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Appreciate it.</div> </div> </div> <!-- INFILTRATION NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 30px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0 0 15px 0;"> He buzzes you through the turnstiles with a heavy sigh. </p> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> You take the elevator up to the third floor, slipping past your own cubicle and stepping straight into Lauren's private office. It's eerily quiet. </p> </div> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/Laurens office i.webp" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(This place is actually tolerable when her arrogant ass isn't sitting in it.)</div> </div> </div> <!-- INFILTRATION NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 30px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> You approach her sleek workstation to plant the USB, but a slightly ajar desk drawer catches your eye. Curiosity gets the better of you, and you pull it open. </p> </div> <div style="text-align: center; margin-bottom: 30px;"> <img src="images/Sex toys drawer.jpeg" style="max-width: 580px; width: 100%; border-radius: 8px; border: 1px solid #444; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> </div> <!-- JACK / PLAYER --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Well, well. Looks like our ice-cold manager has some stress-relief habits she keeps at the office... Focus. There's no time for this right now, I need to plant the payload.)</div> </div> </div> <!-- INFILTRATION NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 30px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> You shove the drawer shut and wake up her monitor. Bypassing the lock screen requires physical hardware, so you pull T-Bone's specialized flash drive from your pocket and slide it silently into the side port. </p> </div> <!-- TECH EXECUTION BOX --> <div style="background-color: rgba(255, 183, 77, 0.05); border: 1px dashed #ffb74d; border-radius: 12px; padding: 25px; margin: 0 auto 30px auto; max-width: 650px; box-shadow: inset 0 0 20px rgba(255, 183, 77, 0.1);"> <div style="color: #ffb74d; font-family: 'Courier New', Courier, monospace; font-size: 15px; text-align: left; line-height: 1.8; font-weight: bold;"> > TARGET DETECTED: LAUREN_WORKSTATION_04<br> > INJECTING PAYLOAD... [||||||||||||||||||||||] 100%<br> > BYPASSING FIREWALL... SUCCESS<br> > REMOTE_BACKDOOR_ESTABLISHED. </div> </div> <!-- INFILTRATION NARRATIVE --> <div style="background: #0f111a; border-left: 3px solid #555; padding: 20px; border-radius: 6px; margin-bottom: 30px;"> <p style="color: #a9b4c2; font-size: 15px; line-height: 1.7; margin: 0;"> A black command window flashes on her screen for a fraction of a second, unspooling lines of malicious code faster than the eye can track before vanishing without a trace. The backdoor is wide open. You pocket the drive, wipe your fingerprints from her mahogany desk, and head out. Time to see exactly what she's hiding. </p> </div> <!-- UPDATE QUEST STAGE --> <<set $questLaurenRevengeDom = "monitor_lauren">> <!-- EXIT BUTTON --> <div style="text-align: center;"> <a data-passage="OutsidePassage_Dom" style="display: inline-block; padding: 15px 50px; background: #1a1c29; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.2); transition: 0.2s;"> LEAVE THE BUILDING </a> </div> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[OutsidePassage_Dom]] </div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background-color: #050508 !important; } .l-sidebar { width: 220px; background: #0f111a; border-right: 2px solid #ffb74d; display: flex; flex-direction: column; padding: 20px 0; } .l-nav-btn { color: #ccc; padding: 15px 20px; font-weight: bold; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; border-left: 4px solid transparent; transition: 0.2s; } .l-nav-btn:hover { background: rgba(255, 183, 77, 0.1); color: #ffb74d; border-left: 4px solid #ffb74d; } .l-contact { padding: 12px 15px; border-bottom: 1px solid #222; cursor: pointer; color: #aaa; font-weight: bold; font-size: 14px; transition: 0.2s; display: flex; align-items: center; gap: 10px; } .l-contact:hover { background: rgba(255,183,77,0.1); color: #fff; } .l-contact-avatar { width: 35px; height: 35px; border-radius: 50%; border: 1px solid #444; object-fit: cover; } /* CHARLOTTE STYLE iMESSAGE CSS */ .chat-row { display: flex; gap: 10px; margin-bottom: 15px; align-items: flex-end; } .chat-row.sent { justify-content: flex-end; } .chat-pfp { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 1px solid #555; flex-shrink: 0; } .chat-bubble { max-width: 65%; font-size: 15px; line-height: 1.4; padding: 10px 15px; border-radius: 18px; } .received .chat-bubble { background: #3a3b3c; color: #e4e6eb; border-bottom-left-radius: 4px; } .sent .chat-bubble { background: #0084ff; color: #fff; border-bottom-right-radius: 4px; } .zoomable-img { cursor: pointer; border-radius: 8px; border: 2px solid #444; transition: 0.2s; max-width: 220px; margin-top: 8px; } .zoomable-img:hover { border-color: #ffb74d; transform: scale(1.02); } .gal-img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; border: 2px solid #333; cursor: pointer; transition: 0.2s; } .gal-img:hover { border-color: #ffb74d; transform: scale(1.05); } </style> <div style="display: flex; height: 85vh; max-width: 1100px; margin: 20px auto; background: #14161f; border-radius: 12px; border: 2px solid #ffb74d; box-shadow: 0 15px 50px rgba(255,183,77,0.15); overflow: hidden; font-family: 'Segoe UI', sans-serif;"> <div class="l-sidebar"> <div style="color: #ffb74d; font-weight: bold; font-size: 18px; text-align: center; margin-bottom: 30px; letter-spacing: 3px; font-family: monospace;">🔴 L_REMOTE</div> <div class="l-nav-btn" onclick="$('.l-app').hide(); $('#app-system').show();">⚙️ System</div> <div class="l-nav-btn" onclick="$('.l-app').hide(); $('#app-messages').show();">💬 Messages</div> <div class="l-nav-btn" onclick="$('.l-app').hide(); $('#app-escorts').show();">💋 Escorts</div> <div class="l-nav-btn" onclick="$('.l-app').hide(); $('#app-gallery').show();">📸 Gallery</div> <div style="margin-top: auto;"> <<link '<div class="l-nav-btn" style="color: #ff5252; border-top: 1px solid #222;">⏻ Disconnect</div>' "PCPassage_Dom">> <<if $questLaurenRevengeDom is "monitor_lauren">> <<set $questLaurenRevengeDom = "confront_lauren">> <</if>> <</link>> </div> </div> <div style="flex-grow: 1; position: relative; background: #0b0c10; overflow-y: auto;"> <!-- APP: SYSTEM --> <div id="app-system" class="l-app" style="padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; box-sizing: border-box;"> <div style="font-family: monospace; color: #ffb74d; font-size: 20px; letter-spacing: 2px; margin-bottom: 40px; text-align: center;"> > REMOTE CONNECTION ESTABLISHED_<br> <span style="font-size: 14px; color: #888;">ALL FILES SYNCED.</span> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; text-align: left; max-width: 600px; width: 100%;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Bingo. Let's dig through her files and see exactly what this arrogant bitch is hiding)</div> </div> </div> </div> <!-- APP: MESSAGES --> <div id="app-messages" class="l-app" style="display: none; height: 100%; display: flex;"> <div style="width: 250px; background: #111; border-right: 1px solid #333; overflow-y: auto;"> <div style="padding: 20px; color: #fff; font-weight: bold; border-bottom: 1px solid #333; letter-spacing: 1px;">Messages 💬</div> <div class="l-contact" onclick="$('.chat-thread').hide(); $('#chat-tyron').css('display', 'flex');"> <img src="images/Tyrons Avatar.jpg" class="l-contact-avatar"> <div> <div style="color: #fff; font-size: 14px;">Tyron</div> <div style="color: #666; font-size: 11px;">Good girl. I don't pay...</div> </div> </div> <div class="l-contact" onclick="$('.chat-thread').hide(); $('#chat-kendra').css('display', 'flex');"> <img src="images/Kendras Avatar.webp" class="l-contact-avatar"> <div> <div style="color: #fff; font-size: 14px;">Kendra</div> <div style="color: #666; font-size: 11px;">Fine. It's authorized...</div> </div> </div> <div class="l-contact" onclick="$('.chat-thread').hide(); $('#chat-mark').css('display', 'flex');"> <img src="images/Jacks Avatar.jpg" class="l-contact-avatar"> <div> <div style="color: #fff; font-size: 14px;">Mark</div> <div style="color: #666; font-size: 11px;">Okay baby, love you.</div> </div> </div> </div> <div style="flex-grow: 1; background: #0f111a; display: flex; flex-direction: column;"> <!-- TYRON THREAD --> <div id="chat-tyron" class="chat-thread" style="padding: 30px; overflow-y: auto; display: flex; flex-direction: column;"> <div style="text-align: center; color: #666; font-size: 12px; margin-bottom: 30px;">Tuesday 9:42 PM</div> <div class="chat-row received"> <img src="images/Tyrons Avatar.jpg" class="chat-pfp"> <div class="chat-bubble">The auditors are finally off my back about the client retainer gap. I assume your 'accounting adjustment' went through clean?</div> </div> <div class="chat-row sent"> <div class="chat-bubble">Spotless. Kendra processed the salary deduction. The shortfall is officially logged as <<print $playerName>>'s performance negligence. He hasn't got a clue.</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Tyrons Avatar.jpg" class="chat-pfp"> <div class="chat-bubble"> Good girl. I don't pay you just for your performance in the boardroom, Lauren. Speaking of... I booked Room 312 at the Grand Plaza. Meet me there in 2 hours. I brought you a present ;). </div> </div> <div class="chat-row sent"> <div class="chat-bubble"> Ohh, These holes can't wait to be filled, daddy. I'll wait until my husband goes to sleep, then I'm all yours. <br><img src="images/Lauren-Tyron.jpg" class="zoomable-img" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div style="text-align: center; color: #666; font-size: 12px; margin: 30px 0;">Wednesday 4:15 PM</div> <div class="chat-row received"> <img src="images/Tyrons Avatar.jpg" class="chat-pfp"> <div class="chat-bubble">Last night was wild. You're a total slut when you let loose.</div> </div> <div class="chat-row sent"> <div class="chat-bubble">Glad you enjoyed it. And I really loved that you brought a friend. 😉</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Tyrons Avatar.jpg" class="chat-pfp"> <div class="chat-bubble"> Glad to hear it. Keep these for the memory bank. <br><img src="images/Tyron-Lauren1.gif" class="zoomable-img" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <br><img src="images/Tyron-Lauren2.gif" class="zoomable-img" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <<if not $readTyronChatDom>> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-top: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Fuck. I thought Lauren was just a greedy, arrogant bitch trying to ruin me for fun. But it's bigger than that. Tyron orchestrated this massive embezzlement to cover his own colossal mess-ups, and this cheap whore cooked the books to make me their fall guy. They really thought I'd just roll over and take it. I am going to have so much fun destroying them both.)</div> </div> </div> <<set $readTyronChatDom = true>> <</if>> </div> <!-- KENDRA THREAD --> <div id="chat-kendra" class="chat-thread" style="padding: 30px; overflow-y: auto; display: none; flex-direction: column;"> <div style="text-align: center; color: #666; font-size: 12px; margin-bottom: 30px;">Tuesday 2:15 PM</div> <div class="chat-row received"> <img src="images/Kendras Avatar.webp" class="chat-pfp"> <div class="chat-bubble">The performance reviews look exceptionally harsh. Are you sure <<print $playerName>> deserves a 50% cut? This is going to destroy him financially.</div> </div> <div class="chat-row sent"> <div class="chat-bubble">It's necessary, Kendra. The department needs to set an example and CEO Tyron wants the books balanced immediately. Why do you even care?</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Kendras Avatar.webp" class="chat-pfp"> <div class="chat-bubble">Well, he is a capable accountant and honestly quite charming. I just don't get why you hate him so much.</div> </div> <div class="chat-row sent"> <div class="chat-bubble">Charming? Please. Just process the deduction for me, Kendra. I won't ask for anything else.</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Kendras Avatar.webp" class="chat-pfp"> <div class="chat-bubble">Fine. It's authorized. I hope you know what you're doing, Lauren.</div> </div> <<if not $readKendraChatDom>> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-top: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Kendra was reluctant. Is she involved in those fuckers set up?)</div> </div> </div> <<set $readKendraChatDom = true>> <</if>> </div> <!-- MARK THREAD --> <div id="chat-mark" class="chat-thread" style="padding: 30px; overflow-y: auto; display: none; flex-direction: column;"> <div style="text-align: center; color: #666; font-size: 12px; margin-bottom: 30px;">Friday 11:30 PM</div> <div class="chat-row received"> <img src="images/Jacks Avatar.jpg" class="chat-pfp"> <div class="chat-bubble">Lauren, you've been exhausting yourself at work lately. I hate seeing you stay at the office this late into the night, honey.</div> </div> <div class="chat-row sent"> <div class="chat-bubble">I have to, baby. You know our debts are piling up and we need the cash. Don't worry about me, I can handle it.</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Jacks Avatar.jpg" class="chat-pfp"> <div class="chat-bubble">Okay, honey... I promise I'm going to find a job soon so I can help pay off what we owe. I'm sorry.</div> </div> <div class="chat-row sent"> <div class="chat-bubble">I believe in you, sweetheart. Anyway, I'm swamped right now. Talk later.</div> <img src="images/Laurens Avatar.webp" class="chat-pfp"> </div> <div class="chat-row received"> <img src="images/Jacks Avatar.jpg" class="chat-pfp"> <div class="chat-bubble">Okay baby, I love you.</div> </div> <<if not $readMarkChatDom>> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-top: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Her pathetic husband. He's sitting at home apologizing while she spends her time fucking tyron and selling herself online. His ignorance makes this blackmail material priceless.)</div> </div> </div> <<set $readMarkChatDom = true>> <</if>> </div> </div> </div> <!-- APP: ESCORTS (The Ultimate Dirt) --> <div id="app-escorts" class="l-app" style="display: none; padding: 40px; background: #0b0c10; color: #fff;"> <h2 style="color: #ff3366; border-bottom: 2px solid #ff3366; padding-bottom: 10px; margin-top: 0; text-transform: uppercase; font-style: italic;">💋 The Secret Room - Elite Companions</h2> <div style="background: #111; border: 1px solid #333; border-radius: 12px; padding: 30px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.5); display: flex; gap: 30px; flex-wrap: wrap;"> <div style="display: flex; flex-direction: column; gap: 10px; width: 220px;"> <img src="images/Lauren office.jpg" class="zoomable-img" style="width: 100%; height: 280px; object-fit: cover; border-radius: 8px; border: 2px solid #ff3366; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <div style="display: flex; gap: 10px; justify-content: space-between;"> <img src="images/lauren_escort_sub1.jpg" class="zoomable-img" style="width: 66px; height: 66px; object-fit: cover; border-radius: 6px; border: 1px solid #ff3366; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <img src="images/lauren_escort_sub2.jpg" class="zoomable-img" style="width: 66px; height: 66px; object-fit: cover; border-radius: 6px; border: 1px solid #ff3366; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <img src="images/lauren_escort_sub3.jpg" class="zoomable-img" style="width: 66px; height: 66px; object-fit: cover; border-radius: 6px; border: 1px solid #ff3366; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <div style="flex: 1; min-width: 250px;"> <h1 style="margin: 0 0 10px 0; color: #fff; font-size: 36px;">Lexi <span style="color: #ff3366; font-size: 20px; vertical-align: middle;">(Verified 💎)</span></h1> <div style="display: flex; gap: 15px; margin-bottom: 20px;"> <span style="background: #222; padding: 5px 12px; border-radius: 20px; color: #aaa; font-size: 14px;">Age: 28</span> <span style="background: #222; padding: 5px 12px; border-radius: 20px; color: #aaa; font-size: 14px;">City Center</span> <span style="background: rgba(255, 51, 102, 0.2); border: 1px solid #ff3366; padding: 5px 12px; border-radius: 20px; color: #ff3366; font-size: 14px; font-weight: bold;">$1000/hr</span> </div> <p style="color: #ddd; font-size: 15px; line-height: 1.6; background: #1a1a24; padding: 15px; border-radius: 8px; border-left: 3px solid #ff3366;"> High-class corporate professional by day, your ultimate fantasy by night. I cater to discrete gentlemen who appreciate a woman who takes charge. Full GFE available. No time-wasters. Cash or crypto upfront. </p> </div> </div> <h3 style="color: #ff3366; margin-bottom: 20px;">Recent Client Reviews (5)</h3> <div style="display: flex; flex-direction: column; gap: 15px; margin-bottom: 40px;"> <div style="background: #1a1a24; padding: 20px; border-radius: 8px; border: 1px solid #333;"> <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d); display: flex; align-items: center; justify-content: center; font-size: 14px;">♠️</div> <div style="font-weight: bold; color: #ffb74d;">Executive_88</div> <div style="color: #ffeb3b; font-size: 12px;">⭐⭐⭐⭐⭐</div> </div> <div style="color: #ccc; margin-bottom: 15px;">Booked this hoe with my homies, and I must say this bitch is built for BBC.</div> <div style="display: flex; gap: 10px;"> <img src="images/lauren_review1a.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <img src="images/lauren_review1b.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <div style="background: #1a1a24; padding: 20px; border-radius: 8px; border: 1px solid #333;"> <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #4b134f, #c94b4b); display: flex; align-items: center; justify-content: center; font-size: 14px;">🥂</div> <div style="font-weight: bold; color: #ffb74d;">BigSpender</div> <div style="color: #ffeb3b; font-size: 12px;">⭐⭐⭐⭐⭐</div> </div> <div style="color: #ccc; margin-bottom: 15px;">Incredible blowjob. She kept eye contact and swallowed every drop of my cum, exactly what I paid for.</div> <div style="display: flex; gap: 10px;"> <img src="images/lauren_review2a.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <img src="images/lauren_review2b.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <div style="background: #1a1a24; padding: 20px; border-radius: 8px; border: 1px solid #333;"> <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #111, #333); display: flex; align-items: center; justify-content: center; font-size: 14px;">👔</div> <div style="font-weight: bold; color: #ffb74d;">MidnightClub</div> <div style="color: #ffeb3b; font-size: 12px;">⭐⭐⭐⭐⭐</div> </div> <div style="color: #ccc; margin-bottom: 15px;">Ordered a BDSM session and she brought her own gear. She was absolutely wild.</div> <div style="display: flex; gap: 10px;"> <img src="images/lauren_review3a.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <div style="background: #1a1a24; padding: 20px; border-radius: 8px; border: 1px solid #333;"> <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #ff7eb3, #ff758c); display: flex; align-items: center; justify-content: center; font-size: 14px;">🎀</div> <div style="font-weight: bold; color: #ffb74d;">Chloe_xoxo</div> <div style="color: #ffeb3b; font-size: 12px;">⭐⭐⭐⭐⭐</div> </div> <div style="color: #ccc; margin-bottom: 15px;">It was my first time booking a female companion and she made me feel so small and helpless in the best way possible. 🙈 Loved her taking control.</div> <img src="images/lauren_review_teen.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> <div style="background: #1a1a24; padding: 20px; border-radius: 8px; border: 1px solid #333;"> <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"> <div style="width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #11998e, #38ef7d); display: flex; align-items: center; justify-content: center; font-size: 14px;">🧢</div> <div style="font-weight: bold; color: #ffb74d;">Guest_9012</div> <div style="color: #ffeb3b; font-size: 12px;">⭐⭐⭐⭐</div> </div> <div style="color: #ccc; margin-bottom: 15px;">Strict on time, but highly recommended. Total slut, rode my dick for an hour.</div> <img src="images/lauren_review_guy.gif" class="zoomable-img" style="max-height: 120px; margin: 0;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> </div> </div> <<if not $readEscortDirtDom>> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Player"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Hahaha, look at that. This slut is a total prostitute. I wonder what Kendra or her pathetic husband would do if the see this. She's completely finished. I own her now.)</div> </div> </div> <<set $readEscortDirtDom = true>> <</if>> </div> <!-- APP: GALLERY --> <div id="app-gallery" class="l-app" style="display: none; padding: 40px;"> <h2 style="color: #ffb74d; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; border-bottom: 1px solid #ffb74d; padding-bottom: 10px;">Hidden Archive: Media</h2> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 25px; margin-top: 20px; max-width: 750px;"> <div style="background: #111; border: 1px solid #333; border-radius: 8px; padding-bottom: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <img src="images/lauren_gallery1.jpeg" class="gal-img" style="margin-bottom: 12px; border-radius: 8px 8px 0 0; border: none; border-bottom: 2px solid #ffb74d;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <div style="color: #aaa; font-size: 13px; font-style: italic; padding: 0 15px; line-height: 1.4;">Mark has been whining about his job hunt every single night. Pretending to actually care is honestly exhausting. 🙄😩</div> </div> <div style="background: #111; border: 1px solid #333; border-radius: 8px; padding-bottom: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <img src="images/lauren_gallery.jpg" class="gal-img" style="margin-bottom: 12px; border-radius: 8px 8px 0 0; border: none; border-bottom: 2px solid #ffb74d;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <div style="color: #aaa; font-size: 13px; font-style: italic; padding: 0 15px; line-height: 1.4;">First time with Tyron. It's so refreshing to finally have a real man's cock in my mouth. 🫦😈</div> </div> <div style="background: #111; border: 1px solid #333; border-radius: 8px; padding-bottom: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <img src="images/lauren_gallery3.jpg" class="gal-img" style="margin-bottom: 12px; border-radius: 8px 8px 0 0; border: none; border-bottom: 2px solid #ffb74d;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <div style="color: #aaa; font-size: 13px; font-style: italic; padding: 0 15px; line-height: 1.4;">Two years ago, getting Kendra completely wasted at the bar. I wonder why she stopped drinking with me... 🤭🍸</div> </div> <div style="background: #111; border: 1px solid #333; border-radius: 8px; padding-bottom: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <img src="images/lauren_gallery4.jpg" class="gal-img" style="margin-bottom: 12px; border-radius: 8px 8px 0 0; border: none; border-bottom: 2px solid #ffb74d;" onclick="$('#img-modal').css('display', 'flex'); $('#modal-image').attr('src', this.src);"> <div style="color: #aaa; font-size: 13px; font-style: italic; padding: 0 15px; line-height: 1.4;">Bought this new lingerie specifically for Tyron. My poor husband actually thinks it's for him. If only he had a dick instead of a clit. 💅😂</div> </div> </div> </div> </div> </div> <div id="img-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); z-index: 999999; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;" onclick="$(this).hide();"> <img id="modal-image" src="" style="max-width: 90%; max-height: 85%; border-radius: 8px; border: 2px solid #ffb74d; box-shadow: 0 10px 40px rgba(0,0,0,0.8);"> <div style="color: #fff; margin-top: 20px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; background: rgba(255,183,77,0.5); padding: 10px 20px; border-radius: 20px;">CLICK ANYWHERE TO CLOSE</div> </div> <script> $(document).ready(function() { $('.l-app').hide(); $('#app-system').show(); }); </script> <div style="display: none;"> [[PCPassage_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Office</h2> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- ENERGY DRAIN (Applies to all visits) --> <<set $energy -= 20>> <!-- ========================================== --> <!-- FIRST TIME USING THE BUTTON --> <!-- ========================================== --> <<if not $laurenFirstUseDom>> <!-- NARRATIVE 1 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You walk into Lauren's office and close the door behind. She immediately stops typing and looks up at you. </p> <!-- PLAYER DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's time to work, Lexi. Crawl to me. Now.</div> </div> </div> <!-- LAUREN DIALOGUE 1 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes, sir. Right away.</div> </div> </div> <!-- NARRATIVE 2 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The arrogant manager immediately drops to her knees, crawling toward you like an obedient pet. You unzip your pants, presenting yourself to her. </p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- LAUREN DIALOGUE 2 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmmh, I'm starting to get addicted to your cock, sir.</div> </div> </div> <!-- PLAYER DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Of course you are. You're a cum dumpster, after all. Time to fill that pussy.</div> </div> </div> <!-- VIDEO 2 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- LAUREN DIALOGUE 3 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yeaaahh, that's the spot, si—</div> </div> </div> <!-- NARRATIVE 3 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Suddenly, the office door handle starts to jiggle. Lauren quickly pulls away, rushing over to hold the door shut just as it unlocks. </p> <!-- TYRON DIALOGUE 1 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Hey, babe.</div> </div> </div> <!-- LAUREN DIALOGUE 4 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ohh, heey babe...</div> </div> </div> <!-- VIDEO 3 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v3.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- TYRON DIALOGUE 2 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Are you okay? You're bouncing against the door.</div> </div> </div> <!-- LAUREN DIALOGUE 5 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh, yeaahh I'm fine. I'm just not used to... ahh... standing in these new heels.</div> </div> </div> <!-- TYRON DIALOGUE 3 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Let me in, I missed your white ass.</div> </div> </div> <!-- VIDEO 4 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v4.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- LAUREN DIALOGUE 6 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 10px;">Ahh fuckkkk, so deep...</div> </div> </div> <!-- TYRON DIALOGUE 4 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">What was that?</div> </div> </div> <!-- LAUREN DIALOGUE 7 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh, nothing! Please go, I'm on a video call with Mark. We'll talk later.</div> </div> </div> <!-- NARRATIVE 4 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You hear Tyron's footsteps walking away down the hall. Lauren lets out a shaky breath, locking the door again and directing her full attention back to you. </p> <!-- LAUREN DIALOGUE 8 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh god... he almost caught us, sir.</div> </div> </div> <!-- PLAYER DIALOGUE 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">He will get to watch me fuck you soon enough. Back to fucking, slut.</div> </div> </div> <!-- VIDEO 5 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v5.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- PLAYER DIALOGUE 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm cumming, slut.</div> </div> </div> <!-- LAUREN DIALOGUE 9 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh pleassee... fill me up, sir!</div> </div> </div> <!-- VIDEO 6 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v6.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- LAUREN DIALOGUE 10 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh... I'm so full.</div> </div> </div> <!-- PLAYER DIALOGUE 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get down there and taste my seed.</div> </div> </div> <!-- LAUREN DIALOGUE 11 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Gladly, sir.</div> </div> </div> <!-- VIDEO 7 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v7.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- PLAYER DIALOGUE 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's it, whore. Tyron said he missed your white ass. Run to him now and give him a big kiss.</div> </div> </div> <!-- NARRATIVE 5 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She puts her clothes back on and hurries down the hall to Tyron's office. You follow quietly behind her, watching from behind the glass curtain wall. </p> <!-- TYRON DIALOGUE 5 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">You kept me waiting too long. What did your cuck husband want?</div> </div> </div> <!-- LAUREN DIALOGUE 12 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Just whining, same old. I missed your lips, Tyron... let me kiss you.</div> </div> </div> <!-- VIDEO 8 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v8.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <!-- TYRON DIALOGUE 6 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Your lips are salty. What did you eat?</div> </div> </div> <!-- LAUREN DIALOGUE 13 --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ohh, just some Chinese food. Is it bad?</div> </div> </div> <!-- TYRON DIALOGUE 7 --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Nahh. I like it.</div> </div> </div> <!-- PLAYER DIALOGUE 7 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I bet you do, fucker.)</div> </div> </div> <!-- STATS LOGIC FOR FIRST USE --> <<set $jackDominance += 2>> <<set $jackCorruption += 2>> <<set $laurenFirstUseDom = true>> <!-- STATS NOTIFICATIONS FOR FIRST USE --> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -20</span> </div> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +2</span> </div> <div style="border: 1px solid #000000; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,255,255,0.05);"> <span style="color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 3px rgba(255,255,255,0.6);">CORRUPTION +2</span> </div> <!-- ========================================== --> <!-- REPEAT VISITS (RANDOMIZED SCENES) --> <!-- ========================================== --> <<else>> <<set _randomScene to random(1, 2)>> <<if _randomScene is 1>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You enter Lauren's office. She looks up from her laptop, instantly recognizing that look in your eye. She pushes her chair back. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Do you need some stress relief, sir?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Strip and get on the table. I'm going to deepthroat you today.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren office deepthroat1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Gulp... aghh... *coughing* It's so big, sir.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Turn around, slut. I want to have a good look at you while I do this.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren office deepthroat beg.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Beg for it, slut.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Please give it to me, sir. Please fuck my throat.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren office deepthroat2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <img src="images/Lauren cum in mouth.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Swallow every drop, slut.</div> </div> </div> <<else>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You enter Lauren's office. She looks up from her laptop, instantly recognizing that look in your eye. She pushes her chair back. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Do you need to use my holes, sir?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Strip and get on the chair. You're riding me today.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren office riding1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You sit in her expensive executive chair while she straddles you, sinking down onto your cock. She rides you at a steady, expert pace, completely failing to keep her moans quiet. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You are too loud, bitch. Come here.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren office missionary1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You lay her back across the desk and take over, grabbing her hips and thrusting deep until you reach your limit. </p> <img src="images/Lauren cum in mouth.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Gulp... thank you, sir.</div> </div> </div> <</if>> <!-- STATS LOGIC FOR REPEAT VISITS --> <<set $jackDominance += 1>> <!-- STATS NOTIFICATIONS FOR REPEAT VISITS --> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -20</span> </div> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +1</span> </div> <</if>> <!-- ACTION BUTTONS --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HUB </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub_Dom]] </div> <</nobr>>
<<nobr>> <<if $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <!-- NARRATIVE 1 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You pull Charlotte in close, firmly pressing your lips against hers. She melts into the kiss instantly, wrapping her arms around you with a soft sigh. </p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/First time kissing charlotte.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3); border: 1px solid #2ed573;"></video> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Daddy?</div> </div> </div> <!-- Player's Dialogue --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Yeah, sweet girl?.</div> </div> </div> <!-- Charlotte's Dialogue Box --> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Umm, this-- this is nice.</div> </div> </div> <!-- NARRATIVE 1 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You see that charlottes trying to hide her thrilled smile as you were walking away. </p> <!-- STATS UPDATE (RED FOR LOVE) --> <<set $charlotteLove += 2>> <div style="border: 1px solid #ff5252; background-color: rgba(255, 82, 82, 0.1); border-radius: 8px; padding: 15px; margin: 25px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,82,82,0.1);"> <span style="color: #ff5252; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">LOVE +2</span> </div> <!-- ACTION BUTTON --> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="CharlottesRoomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> BACK </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[CharlottesRoomPassage_Dom]] </div> <</nobr>>
<<nobr>> <<if $time is "Evening">><<set $time = "Night">><</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #2ed573; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Checking Grades</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You log into the school's portal to check Charlotte's academic performance for the week. You frown as you scroll through her recent test scores. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Charlotte, get over here. What exactly is this E in Mathematics? And an F in Physics? Seriously?</div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">I... I had a lot on my mind this week! I'm sorry, Daddy. I couldn't focus on studying.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">We talked about this. Bad grades mean discipline. Over my lap, now.</div> </div> </div> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Daddy, please. I'm not a child anymore.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 16px;">NOW.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Intimidated by your tone, Charlotte steps forward and obediently bends over your legs. You firmly push her down, lifting her short skirt up to expose her thighs. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/charlotte_spank.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(46, 213, 115, 0.3); border: 1px solid #2ed573;"></video> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She whimpers softly as you deliver a series of sharp, stinging spanks to her bare bottom. The discipline continues, but as she squirms against you, she starts to feel something distinctly hard pressing against her stomach. </p> <img src="images/Hard dick in jeans.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <div style="background-color: rgba(46, 213, 115, 0.15); border: 2px solid #2ed573; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarCharlotte" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ed573;" alt="Charlotte"> </div> <div> <div style="color: #2ed573; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Charlotte</div> <div style="color: #eee; font-size: 14px;">Ahh... Daddy, I learned my lesson. I will focus on my studying, I promise." <br><br><span style="font-style: italic; color: #ccc;">(Daddy got hard from spanking me... ohh, I'm getting wet...)</span></div> </div> </div> <img src="images/wet panties.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #2ed573;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Fuck... look at how wet she's getting.) Don't ignore your studies again, sweetheart.</div> </div> </div> <<set $charlotteObedience += 5>> <div style="border: 1px solid #2ed573; background-color: rgba(46, 213, 115, 0.1); border-radius: 8px; padding: 15px; margin: 25px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(46,213,115,0.1);"> <span style="color: #2ed573; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">OBEDIENCE +5</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="CharlottesRoomPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> BACK </a> </div> </div> <div style="display: none;"> [[CharlottesRoomPassage_Dom]] </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <style> /* Fades for the narrative text */ .fade-in-text-1 { animation: fadeIn 2s ease-in forwards; opacity: 0; } .fade-in-text-2 { animation: fadeIn 2s ease-in forwards; animation-delay: 2.5s; opacity: 0; } /* Delayed fades for the dialogues and button so they wait their turn */ .fade-in-dialogue-1 { animation: fadeIn 1.5s ease-in forwards; animation-delay: 4.5s; opacity: 0; } .fade-in-dialogue-2 { animation: fadeIn 1.5s ease-in forwards; animation-delay: 6s; opacity: 0; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Styles the Twine linkreplace macro to look like your custom buttons */ .composure-btn a { display: inline-block; padding: 12px 30px; background: #14141d; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5); } </style> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stand in the hallway, surveying the mounting clutter. The mess is unacceptable. </p> <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 25px;"> <img src="images/Messy house1.jpeg" style="width: 48%; max-height: 160px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4; box-shadow: 0 2px 8px rgba(46, 213, 115, 0.2);"> <img src="images/Messy house2.jpg" style="width: 48%; max-height: 160px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4; box-shadow: 0 2px 8px rgba(46, 213, 115, 0.2);"> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela, get out here. Look at this mess. Why are your chores being ignored?</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I'm sorry, I just walked through the door... my back is absolutely killing me from work.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Work? What are you talking about?</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She freezes, instantly realizing her slip-up. Her shoulders drop, all lingering arrogance completely deflating. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I... I didn't want you to know. When you lost your job, we were drowning in debt. I took a job at a downtown hotel. Scrubbing rooms in a degrading uniform for minimum wage... we just needed the money. I was too ashamed to tell you. Please.</div> </div> </div> <img src="images/Angela maid.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <!-- THE BUTTON AND HIDDEN REVEAL SECTION --> <div class="composure-btn" style="text-align: center; margin-top: 35px; margin-bottom: 25px;"> <<linkreplace "CONTINUE">> <!-- AUDIO TRIGGER --> <audio src="sounds/ear_ringing.mp3" autoplay></audio> <!-- FADING TEXT --> <div style="text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> <p class="fade-in-text-1" style="color: #ccc; font-style: italic; font-size: 15px; margin: 0;"> A sharp pang of guilt spikes in your chest, your vision blurring for a fraction of a second. </p> <p class="fade-in-text-2" style="color: #ccc; font-style: italic; font-size: 15px; margin: 10px 0 0 0;"> But you quickly swallow it and regain your composure. </p> </div> <!-- DELAYED PLAYER DIALOGUE --> <div class="fade-in-dialogue-1" style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Fuck. I neglected her for months, and she took the humiliation silently.) It was a mistake hiding this from me. But you did it to keep this family afloat, so I will let it slide. However, my wife is not scrubbing toilets for pennies. Call them right now and quit. I will secure you a real position at my office.</div> </div> </div> <!-- DELAYED ANGELA DIALOGUE --> <div class="fade-in-dialogue-2" style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Really? You'd do that for me? Thank you so much, daddy.</div> </div> </div> <<set $questAngelaOfficeDom = "talk_to_lauren">> <!-- DELAYED LEAVE BUTTON --> <div class="fade-in-dialogue-2" style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE </a> </div> <</linkreplace>> </div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You return to the bedroom. Angela is sitting naked on bed, Waiting for you. </p> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I hope you called the hotel and quit like I told you to.</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I did, but... we really needed that extra income. I don't think the firm you are working for will accept me.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I told you I'd handle it. I pulled some strings at my office. You start tomorrow morning as an administrative assistant. Better pay, comfortable chair, and you're under my watch.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Her eyes widen in disbelief. The realization washes over her that she is now entirely dependent on you, both at home and at work. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Really? you are indeed a magician baby. How did you pull that of?</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I have my methods, dont worry about it. Come give daddy a big kiss.</div> </div> </div> <!-- MAIN SCENE IMAGE --> <img src="images/Angela kiss.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <<set $questAngelaOfficeDom = "first_day">> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> FINISH </a> </div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You walk up to Lauren's desk and firmly demand she use her influence to get Angela a job.</p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I want my wife to start working here. Can you do it, slut?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh, I'm not sure, sir. All new employees must be reviewed by either Tyron or Kendra.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm not dealing with that prick Tyron. Go to Kendra and convince her.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Okay, sir, I'll talk to Kendra. Give me 24 hours to soften her up.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. You earned a reward. On your knees.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Uhm, sir, can't we do this later? I'm a bit tired.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You angrily walk toward her and stuff her mouth.</p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren hard blowjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">What did I tell you about questioning me, slut?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ghghhhhulp. *Coughing*. Please, sir, I won't do this again.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Shut the fuck up and swallow every drop.</div> </div> </div> <img src="images/Lauren cum in mouth.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <<set $questAngelaOfficeDom = "lauren_waiting">> <<set $laurenWaitDay = $dayCount>> <div style="text-align: center; margin-top: 35px;"><a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">BACK</a></div> </div> <</nobr>>
<<nobr>> <<if $currentOutfit neq "Formal Suit" or $equippedShoes neq "Formal Shoes" or $equippedWatch is "None">> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #dc143c; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;">DRESS CODE REQUIRED</h2> <p style="color: #ccc; font-size: 15px; margin-bottom: 25px;">You cannot attend a high-end corporate party looking like a mess. To trigger this event, you must actively EQUIP the following items from your wardrobe:</p> <div style="background: rgba(0,0,0,0.3); border-radius: 8px; padding: 20px; display: inline-block; text-align: left; margin-bottom: 25px;"> <div style="color: <<if $currentOutfit is 'Formal Suit'>>#4CAF50<<else>>#dc143c<</if>>; font-weight: bold; margin-bottom: 10px;"> <<if $currentOutfit is "Formal Suit">>✔️<<else>>❌<</if>> Formal Suit </div> <div style="color: <<if $equippedShoes is 'Formal Shoes'>>#4CAF50<<else>>#dc143c<</if>>; font-weight: bold; margin-bottom: 10px;"> <<if $equippedShoes is "Formal Shoes">>✔️<<else>>❌<</if>> Formal Shoes </div> <div style="color: <<if $equippedWatch neq 'None'>>#4CAF50<<else>>#dc143c<</if>>; font-weight: bold;"> <<if $equippedWatch neq "None">>✔️<<else>>❌<</if>> Any Watch Accessory </div> </div> <div style="text-align: center; margin-top: 20px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO HUB </a> </div> </div> <<else>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You adjust the cuffs of your suit and call out to Angela, commanding her to wear something elegant that reflects your status tonight.</p> <img src="images/Angela getting ready.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I'm ready, honey. How do I look? Am I too revealing?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Not at all, baby. You look fabulous. Let's go.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You order a premium cab. A short ride later, the two of you arrive at the upscale venue Kendra rented for the evening.</p> <img src="images/Fancy party.png" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 1px solid #555;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">Almost immediately after stepping through the doors, Tyron spots you. He strolls over with his usual arrogant smirk, heavily holding a glass of whiskey.</p> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Well, well. Look who cleans up nice. And who is this absolute beauty you brought us, <<print $playerName>>? I didn't know the accounting department had such good taste.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Keep your eyes in your head, Tyron. She is my wife, and she is entirely out of your league. Now back off before I decide to ruin your night.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">Tyron's smirk vanishes instantly. Intimidated by your sharp, unyielding tone, he takes a hesitant step back.</p> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Alright, relax man. Just making conversation. Excuse me.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">(Whispering) Wow. I've never seen you put someone in their place so effortlessly. I'm going to go mingle and grab us some drinks... baby.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">With Angela occupied, you scan the room. You spot Lauren lingering near the bar, looking nervously in your direction. You give her a single, sharp nod toward the hallway. She immediately sets her drink down and follows you into a private, locked restroom.</p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You've been avoiding me all night, slut. Did you think I'd let you off the hook during a party?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">No, sir. I was just waiting for your signal. I'm ready for you, there is a huge bathroom right there, we can fuck in it all night sir.</div> </div> </div> <img src="images/lauren party bathroom.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 16px;">Yes yes yes harder sir pleaseeee.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Shhh, quiet slut, someone will hear us.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hello? Are you okay in there?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Fuck, It's Angela. I gotta go.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You quickly clean up and slip out of the bathroom, leaving Lauren behind. You return to the main hall to see how Angela is doing.</p> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Oh, there you are baby, I've been looking for you. I've actually met a lot of interesting people.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Glad you're enjoying yourself. But who is that woman over there? She's been looking our way since we walked in, and I don't recall seeing her at the office.</div> </div> </div> <img src="images/Jezabel.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 1px solid #555;"> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hmm, I'm not sure. Anyway I'm going to the bathroom, I'll be back shortly, love.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">As Angela walks off into the crowd, you take the opportunity to approach the woman yourself.</p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good evening. I don't believe we've met. I'm <<print $playerName>>.</div> </div> </div> <div style="background-color: rgba(46, 204, 113, 0.15); border: 2px solid #2ecc71; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJezabel" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ecc71;"></div> <div> <div style="color: #2ecc71; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Jezabel</div> <div style="color: #eee; font-size: 14px;">Oh, hello. I'm Jezabel. Nice to meet you. I'm... Tyron's wife. Though you wouldn't know it, considering he abandoned me at the bar an hour ago.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">His loss, entirely. A woman as beautiful as you shouldn't be left standing alone at a party like this. It's almost a crime.</div> </div> </div> <div style="background-color: rgba(46, 204, 113, 0.15); border: 2px solid #2ecc71; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJezabel" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ecc71;"></div> <div> <div style="color: #2ecc71; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Jezabel</div> <div style="color: #eee; font-size: 14px;"><i>(She smiles weakly, a faint blush appearing)</i> Thank you... that's very sweet of you to say. It's been a long time since anyone complimented me like that.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Let me give you my number. If you ever find yourself bored while your husband is 'busy' with work, give me a call.</div> </div> </div> <div style="background-color: rgba(46, 204, 113, 0.15); border: 2px solid #2ecc71; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJezabel" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #2ecc71;"></div> <div> <div style="color: #2ecc71; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Jezabel</div> <div style="color: #eee; font-size: 14px;">I... I really shouldn't. I'm married. But... I suppose taking a number doesn't hurt anyone. <i>(She quietly saves it into her phone)</i></div> </div> </div> <div style="background-color: rgba(255, 255, 255, 0.1); border: 1px dashed #aaa; border-radius: 8px; padding: 12px; text-align: center; margin: 15px auto; max-width: 600px;"> <span style="color: #aaa; font-size: 13px; font-weight: bold; font-style: italic;">* Note: Jezabel's storyline is not currently active in this version.</span> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Have a good night, Jezabel.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You find Angela near the exit and let her know it's time to go. The party concludes a few hours later. Angela was the picture of perfect elegance, charming Kendra and following your every subtle command. Once you return to the privacy of your bedroom, her polite facade completely shatters.</p> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Seeing you take control tonight... the way Tyron shrank away from you... it made me so incredibly wet. Please, take me daddy.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I love how the slut in you comes out the moment we enter the bedroom darling. Come here</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela post party blowjob.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Can't take it anymore daddy My pussy is itching please fuck me.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela post party sex1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You are wet as fuck tonight baby.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh, Please keep fucking me daddy.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela post party sex2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Cumming.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela post party cum.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh, so much cum daddy. I'm gonna go get a shower.</div> </div> </div> <<set $questAngelaOfficeDom = "kendra_approval">> <<set $time = "Late Night">> <<set $angelaLove += 10>> <div style="border: 1px solid #dc143c; background-color: rgba(220, 20, 60, 0.1); border-radius: 8px; padding: 15px; margin: 25px auto; max-width: 600px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3);"> <span style="color: #dc143c; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA LOVE +10</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">GO HOME</a> </div> </div> <</if>> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You enter Kendra's office, close the door behind you, and pitch Angela directly, assuring her that your wife has the discipline to handle the administrative role.</p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I appreciate your enthusiasm, <<print $playerName>>, but this firm relies on qualified professionals. Your wife has zero corporate experience and lacks the educational background we require for this floor.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Qualified professionals? Tell me, Kendra, where exactly is the professionalism in plotting with Lauren to cut my wage in half over a fabricated complaint?</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Plotting? Lauren assured me your hostility was a misunderstanding, which is why your full wage was restored. <i>(Her posture stiffens. How much does he actually know? Did Lauren talk?)</i></div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">Instead of arguing, you slowly step around her desk, invading her personal space. She instinctively leans back, but her eyes stay locked on yours.</p> <img src="images/With kendra.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Let's drop the corporate act. I already know everything. But you can relax—I'm willing to let it slide. Mostly because I've noticed the way you look at me when you think I'm not paying attention.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Mr. <<print $playerName>>... please, step back. This is highly inappropriate. Someone could walk in... and you know I have a husband.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You don't sound very concerned about your husband right now. But I'll play by your rules. If you truly want me to walk away and go back to my desk... all you have to do is say it.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I... I... <i>(Her breath hitches. Why can't I just tell him to leave?)</i></div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You gently trace a finger along her jawline. The simple touch shatters the last of her defenses. Unable to resist the heavy tension between you, she grabs your shirt and pulls you in for a desperate, heated kiss.</p> <img src="images/Kendra kiss.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;"><i>(She pulls away, breathless and flushed.)</i> We... we shouldn't do this. Please, leave before someone sees us.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">As you wish, Kendra. Just make sure you find a way to bring my wife aboard.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Fine. I am hosting a corporate party for all employees and their partners this Saturday night. Bring her. If she makes a good impression and proves she can fit our culture... I will see what I can do.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thank you, Kendra. And by the way... you taste incredible.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You turn and walk out, leaving Kendra slumped in her chair, her cheeks burning red as she struggles to process what just happened.</p> <<set $questAngelaOfficeDom = "party_waiting">> <div style="text-align: center; margin-top: 35px;"><a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">BACK</a></div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You return to Lauren's desk. She looks panicked the second she sees you.</p> <img src="images/scared lauren.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Please, you can't release those files! I tried, I really did! Kendra shot me down instantly. She said we don't have empty positions right now.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Useless bitch. I should have known that prostitution is all you are good for. Bring your ass over here.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You fuck Lauren's ass relentlessly.</p> <img src="images/lauren anal.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffb74d;"> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;"></div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahhhhh, please, sir, slow down. My asshole is breaking.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Quiet, slut. Next time you disappoint me, the consequences will be dire.</div> </div> </div> <<set $questAngelaOfficeDom = "convince_kendra">> <div style="text-align: center; margin-top: 35px;"><a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">BACK</a></div> </div> <</nobr>>
<<nobr>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You step into Kendra's office and close the door behind you. She looks up from her paperwork, her professional demeanor faltering for just a fraction of a second before she clears her throat.</p> <!-- KENDRA DIALOGUE (RED) --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Mr. <<print $playerName>>. Have a seat. I wanted to follow up regarding your wife. I have to admit, she was incredibly charming at the party. She has the exact poise and demeanor we want representing this floor.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I told you she wouldn't disappoint. When does she begin?</div> </div> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I've already had HR draft her paperwork. She can start tomorrow morning as an administrative assistant.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">A heavy silence falls over the room. The business is concluded, but neither of you makes a move to end the meeting. The memory of your last encounter hangs thickly in the air.</p> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">About... about the other day. In here. <i>(She shifts uncomfortably, avoiding your direct gaze)</i> That was a lapse in judgment. I was overwhelmed, and it was entirely unprofessional. It cannot happen again.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">Instead of agreeing, you stand up and slowly walk around her desk. She freezes as you invade her personal space.</p> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look me in the eyes and tell me you didn't enjoy it.</div> </div> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">I... I am a married woman. And I am your boss. What happened between us crosses lines that could ruin us both. I need you to step back.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You don't step back. You close the remaining distance, grabbing her firmly by the waist and pushing her flush against the wall. For a fraction of a second, her hands press against your chest in a weak attempt to push you away, but the resistance melts instantly.</p> <img src="images/Kendra kiss2.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;"><<print $playerName>>, stop it, please. I... I am a married woman. And I am your boss, we can't...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">Without responding, you pull down her dress, exposing her huge cleavage, and start kissing them greedily.</p> <img src="images/Kendra kiss3.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;"><<print $playerName>>, please, the door is unlocked and I—I, ahhhhh!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto;">You swiftly move down, kissing her all the way down to her wet, dripping pussy.</p> <video src="videos/Kendra lick.webm" controls autoplay muted playsinline loop style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"></video> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Still want me to stop, Kendra?</div> </div> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh, no, please don't stop.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's what I thought. Kneel on the sofa facing the wall. I wanna have a good grip on you.</div> </div> </div> <video src="videos/Kendra lick2.webm" controls autoplay muted playsinline loop style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"></video> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh, cumminggg. (Fuck, I can't stop leaking.)</div> </div> </div> <img src="images/(m=ldpwiqacxtE_Ai)(mh=rp8Hhdfsw4l77M8J)10170252b.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #dc143c;"> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thanks for the drink, Ms. Kendra. Have my wife's desk ready for tomorrow.</div> </div> </div> <!-- KENDRA DIALOGUE --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">(God, what have I done? Why can't I resist him?)</div> </div> </div> <<set $jackDominance += 2>> <<set $kendraSeduceUnlocked = true>> <div style="background-color: rgba(220, 20, 60, 0.1); border: 1px dashed #dc143c; border-radius: 8px; padding: 12px; text-align: center; margin: 15px auto; max-width: 600px;"> <span style="color: #dc143c; font-size: 14px; font-weight: bold;">🔴 You can now seduce Kendra in her office.</span> </div> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +2</span> </div> <<set $questAngelaOfficeDom = "tell_angela">> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;"> BACK </a> </div> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $energy -= 10>> <<set $jackDominance += 1>> <<set $kendraSeducedToday = $dayIndex>> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Seducing Kendra</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You walk into Kendra's office and deliberately reach behind you, turning the lock on the door with a loud, echoing click. Kendra's head snaps up from her monitor. </p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">What are you doing? I told you, we cannot keep doing this. If someone tries that handle and finds it locked in the middle of the day...</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Then they'll assume the CFO is in a highly confidential meeting. Which we are.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You casually approach her desk. She tries to maintain her stern, authoritative posture, but her breathing is already growing shallow as you step into her personal space. </p> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Please, <<print $playerName>>... I have a husband. I have a reputation to uphold. You can't just walk in here and take over.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">You say that, but you never actually stop me. You sit in this chair all day giving orders, but the second I lock that door, all you want is for me to tell you exactly what to do. Come sit on my lap.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She hesitates for only a second before obeying, stepping around the desk and straddling your lap. You pull her blouse open, exposing her heavy breasts, and immediately begin kissing and teasing them. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/kissing kendras boobs on my lap.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.3); border: 1px solid #dc143c;"></video> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Mmh... <<print $playerName>>, please continue... I—I mean please stop... Ahhh, I can't even think straight when you touch me.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She lets out a soft, breathy moan as your hands wander lower, slipping beneath her skirt to find how wet she already is for you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/fingring kendra on my lap.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.3); border: 1px solid #dc143c;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Enjoying yourself, Kendra?</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahhh... please...</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Please what?</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She keeps moaning, growing wetter and wetter against your fingers, desperate for release. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Say it.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahhh... why are you doing this to me?... Please, make me cum. I'm begging you.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good girl. Turn around.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She slides off your lap and bends over the heavy desk, hiking her skirt up to present her tight asshole to you completely. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/licking kendras ass office.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.3); border: 1px solid #dc143c;"></video> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">(God... even his tongue is better than my husband's cock...) Ahhh... please be careful, <<print $playerName>>... it's so sensitive.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">The taste is incredible, Kendra. But these clothes are in the way. Take them off and lay back on the desk.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> With her core twitching and dripping wet, she strips out of her office wear without a single complaint. She lays back helplessly, spreading her legs wide for you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/licking kendras pussy office.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.3); border: 1px solid #dc143c;"></video> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh yes, that's the spot, <<print $playerName>>... make me cum.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Beg me again.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh please, <<print $playerName>>... I need it...</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Not good enough.</div> </div> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Please... please, <<print $playerName>>! Make me cum! Please, I'm begging you!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good girl.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You bury your face between her thighs, pushing your tongue deep inside her while relentlessly teasing her clit. It's entirely too much for her to handle. </p> <img src="images/squirt in mouth.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.4); border: 2px solid #dc143c;"> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"> </div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh... thank you... But this can't keep happening. I'm married, and your wife's desk is right outside my door... <span style="color: #ccc; font-style: italic;">(Not that I actually care anymore...)</span></div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Don't trouble yourself with that, Kendra. Just be a good girl, fix your clothes, and get back to work.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -10</span> </div> <div style="border: 1px solid #ffeb3b; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center;"> <span style="color: #ffeb3b; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">DOMINANCE +1</span> </div> <div style="text-align: center;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dc143c; border: 1px solid #dc143c; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer;"> RETURN TO DESK </a> </div> </div> <div style="display: none;"> [[OfficeHub_Dom]] </div> <</nobr>>
<<nobr>> <!-- INITIALIZE VARIABLE SO THE FIRST EVENT TRIGGERS --> <<if ndef $angelaDeskFirstVisit>> <<set $angelaDeskFirstVisit = true>> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <!-- ========================================== --> <!-- PHASE 1: FIRST VISIT SPECIAL EVENT --> <!-- ========================================== --> <<if not $angelaDeskFirstVisit>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; text-align: center;">First Day on the Job</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Angela first day.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); border: 2px solid #00bcd4;"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stroll over to the administrative sector. Angela is sitting at her sleek new desk, talking on the phone. The moment she sees you approaching she immidietly hangs up. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Good morning, baby.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Morning. How's the new desk treating you?</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">It's amazing. I still can't believe you pulled this off. I'm right outside Kendra's office, and I get to see you all day long.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good to hear. Why don't we start your first day at work with a quickie?</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Here? What if someone walks in on us? I don't wanna be fired on my first day.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No one can fire you as long as I'm here. This entire corporation will be mine soon.</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Okay, daddy. Take off your pants, I'm gonna give you the best blowjob ever.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's my girl.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Angela quickly shifts out of her chair, dropping to her knees beneath the cover of the heavy wooden desk. She looks up at you with pure adoration, eager to prove her obedience right in the middle of the corporate floor. </p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat3.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Holy fuck. Hearing you gagging on my cock is sexy as fuck.</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>*Breathing heavily*</i> Nghh... I just love the taste of your cock, daddy.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You guide her pace, keeping a watchful eye on the hallway while she enthusiastically handles you in the middle of the office. The thrill of potentially being caught only seems to make her hornier. </p> <!-- VIDEO 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat4.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I need to fuck you. On the desk. Now.</div> </div> </div> <!-- VIDEO 3 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office fuck1.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Whose slut are you?</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhhh! I'm your slut, daddy. Please keep choking me, ahhhh!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You pull her up and easily lift her onto the sleek surface, scattering a few of her freshly organized files. She completely surrenders herself to your authority, her professional facade shattered. </p> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Bend over, I wanna go deeper.</div> </div> </div> <!-- VIDEO 4 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office fuck2.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>*Breathing heavily*</i> Goshhh... nghhhk, daddyyyy!</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees to take my load.</div> </div> </div> <!-- VIDEO 5 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office cum.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mmhm, you made a mess outta me, daddy. <i>*giggles*</i></div> </div> </div> <!-- ========================================== --> <!-- MEANWHILE SCENE --> <!-- ========================================== --> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-top: 50px; margin-bottom: 25px; text-align: center;">Meanwhile in Kendra's Office</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Unbeknownst to both of you, a small, discreet security camera is tucked away in the corner of the ceiling. In the master office down the hall, Kendra sits glued to her private monitor, unable to tear her eyes away from the live feed of your display of dominance over your wife. </p> <!-- VIDEO 6 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Kendra office masturbating.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #dc143c; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- KENDRA DIALOGUE (RED) --> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh, God... I wish that was me.</div> </div> </div> <!-- UPDATED VARIABLES TO FIX THE QUEST LOG BUG --> <<set $angelaDeskFirstVisit = true>> <<set $questAngelaOfficeDom = "completed">> <<set $angelaLove += 5>> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">FINISH SCENE</a> </div> <<else>> <!-- ========================================== --> <!-- PHASE 2: REPEATABLE HUB --> <!-- ========================================== --> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; text-align: center;">Angela's Desk</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Angela office desk.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Do you need anything, baby?</div> </div> </div> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 35px; flex-wrap: wrap;"> <!-- HAVE FUN BUTTON --> <a data-passage="Angela_Office_Fun_Dom" style="display: inline-block; padding: 12px 30px; background: rgba(0, 188, 212, 0.1); color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> HAVE FUN WITH HER </a> <!-- RETURN BUTTON --> <a data-passage="OfficeHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO DESK </a> </div> <</if>> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OfficeHub_Dom]] [[Angela_Office_Fun_Dom]] </div> <</nobr>>
<<nobr>> <!-- Initialize the stage tracker if it doesn't exist yet --> <<if typeof $angelaOfficeStageDom === 'undefined'>> <<set $angelaOfficeStageDom = 1>> <</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 5px;">Office Fun</h2> <div style="color: #00bcd4; font-weight: bold; font-size: 14px; letter-spacing: 2px; margin-bottom: 25px;">STAGE <<print $angelaOfficeStageDom>> / 3</div> <!-- TIME ADVANCEMENT --> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <!-- ENERGY DRAIN --> <<set $energy -= 10>> <!-- ========================================== --> <!-- STAGE 1: THE TEASE --> <!-- ========================================== --> <<if $angelaOfficeStageDom === 1>> <!-- NARRATIVE --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step into Angela's office and lock the door behind you. She's already leaning back against her desk, a mischievous smile playing on her lips. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">What's wrong, baby? You look incredibly tense.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">This is what's wrong.</div> </div> </div> <!-- MAIN SCENE IMAGE --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Hard dick.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 2px solid #00bcd4;"> </div> <!-- NARRATIVE --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Her eyes immediately lock onto the heavy bulge pressing against your slacks. A hungry, wicked smile spreads across her face. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mhm... don't worry, Daddy. I know exactly how to take care of that.</div> </div> </div> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- TYRON DIALOGUE (INTERRUPTION) --> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron (Through the door)</div> <div style="color: #eee; font-size: 14px;">Excuse me, Ms. White. It's time for our executive meeting.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(Fuck... I'm going to kill him.) We'll have to continue this later, babe.</div> </div> </div> <!-- Advance to next stage --> <<set $angelaOfficeStageDom = 2>> <!-- ========================================== --> <!-- STAGE 2: ORAL PLEASURE --> <!-- ========================================== --> <<elseif $angelaOfficeStageDom === 2>> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Alright, let's continue where we left off. I want to see the inner slut in you go to work on this.</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">With pleasure, Daddy.</div> </div> </div> <!-- VIDEO 2 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Stop teasing me, slut. Take it all the way in.</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">*Giggles softly* Yes, sir.</div> </div> </div> <!-- VIDEO 3 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun3.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhh... your cock is so deep, Daddy... I can feel it poking my womb.</div> </div> </div> <!-- LAUREN DIALOGUE (INTERRUPTION) --> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren (Through the door)</div> <div style="color: #eee; font-size: 14px;">Ms. White? One of our corporate clients is on line one. They say it's extremely urgent.</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I swear to God, I am going to fire everyone in this building.)</div> </div> </div> <!-- Advance to next stage --> <<set $angelaOfficeStageDom = 3>> <!-- ========================================== --> <!-- STAGE 3: THE CLIMAX & STAT INCREASE --> <!-- ========================================== --> <<elseif $angelaOfficeStageDom === 3>> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No more interruptions. Up on this dick, now.</div> </div> </div> <!-- VIDEO 4 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun4.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh! Right there, Daddy! Fuck, don't stop!</div> </div> </div> <!-- PLAYER DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get on your knees. I'm cumming.</div> </div> </div> <!-- VIDEO 5 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun5.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- VIDEO 6 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela Office Fun6.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mhmm... I can never get enough of your cum, Daddy.</div> </div> </div> <!-- STAT UPDATE AND NOTIFICATION --> <<set $angelaLove += 1>> <div style="border: 1px solid #ff5252; background-color: rgba(255, 82, 82, 0.1); border-radius: 8px; padding: 15px; margin: 25px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,82,82,0.1);"> <span style="color: #ff5252; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA LOVE +1</span> </div> <!-- Reset back to stage 1 so the loop repeats infinitely --> <<set $angelaOfficeStageDom = 1>> <</if>> <!-- ACTION BUTTON / TIME CHECKER --> <div style="display: flex; flex-direction: column; align-items: center; margin-top: 35px;"> <<if $time is "Evening" or $time is "Night">> <p style="color: #ff5252; font-style: italic; font-size: 14px; margin-bottom: 15px;">It's getting late. The office is closing for the day, so you and Angela pack up and head out.</p> <<link '<span style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;">LEAVE OFFICE</span>' "OutsidePassage_Dom">><</link>> <<else>> <<link '<span style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;">RETURN TO DESK</span>' "AngelaDeskPassage_Dom">><</link>> <</if>> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[AngelaDeskPassage_Dom]] [[OutsidePassage_Dom]] </div> <</nobr>>
<<nobr>> <<set _bustChance to random(1, 100)>> <<if _bustChance <= 30>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #ff5252; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(255, 82, 82, 0.2);"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Busted</h2> <img src="images/police_bust.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3);"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You hand over the package and reach for the cash, but suddenly the street lights up with flashing red and blue. Sirens wail as multiple patrol cars block the alleyway exits. You're violently pinned against the brick wall before you can even drop the burner phone. </p> <div style="background-color: rgba(65, 105, 225, 0.15); border: 2px solid #4169e1; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #4169e1; background: #111; display: flex; align-items: center; justify-content: center; font-size: 30px;">👮</div> <div> <div style="color: #4169e1; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Police Officer</div> <div style="color: #eee; font-size: 14px;">Don't even think about moving! Hands behind your back. You're going away for a long time, scumbag.</div> </div> </div> <<set $prisonDaysLeft = 10>> <<set $prisonSeduce1Used = false>> <<set $prisonSeduce2Used = false>> <<set $tboneWorkDay = $dayIndex>> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Prison_Cell_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> GO TO PRISON </a> </div> </div> <<else>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Pushing Product</h2> <<set $energy -= 30>> <<set $money += 800>> <<set $jackCorruption += 1>> <<set $tboneWorkDay = $dayIndex>> <<set $time = "Night">> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> T-Bone tosses you a heavy backpack and a burner phone. For the next few hours, you stand on a dimly lit street corner, meeting shadowy figures, exchanging brief words, and slipping them small, tightly wrapped packages for wads of cash. The risk is high, but the money is ridiculously easy. You return to the alley and hand T-Bone his cut, pocketing your share of the profits. </p> <img src="images/drug dealer.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffeb3b;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Easiest money I've ever made.</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Told you, suit. You got a knack for this. Come back tomorrow if you want another run.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -30</span> </div> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 15px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">💰 MONEY +$800</span> </div> <div style="border: 1px solid #000000; background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,255,255,0.05);"> <span style="color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 3px rgba(255,255,255,0.6);">CORRUPTION +1</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Dark_Alley_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE THE ALLEY </a> </div> </div> <</if>> <div style="display: none;"> [[Dark_Alley_Dom]] [[Prison_Cell_Dom]] </div> <</nobr>>
<<nobr>> <!-- Initialize Prison Sentence --> <<if typeof $prisonDaysLeft === 'undefined' or $prisonDaysLeft < 0>> <<set $prisonDaysLeft = 10>> <</if>> <!-- Reset Shemale tracking on Day 10 of ANY new sentence --> <<if $prisonDaysLeft == 10>> <<if not $prisonSetupDone>> <<set $prisonSeduceShemaleUsed = false>> <<set $prisonSetupDone = true>> <</if>> <<else>> <!-- Clear the setup flag once days drop so it's ready for your next arrest --> <<set $prisonSetupDone = false>> <</if>> <!-- Female guard can only be seduced ONCE FOREVER --> <<if typeof $prisonSeduceFemaleUsed === 'undefined'>> <<set $prisonSeduceFemaleUsed = false>> <</if>> <div style="background: #1a1a24; border-radius: 16px; padding: 35px; border: 2px solid #555; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Prison Cell</h2> <img src="images/prison_cell.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; border: 2px solid #555;"> <<if $prisonDaysLeft > 0>> <p style="color: #ccc; font-size: 15px; margin-bottom: 25px;"> You got sloppy and the cops grabbed you. You are currently serving time. <br> <span style="color: #ff5252; font-weight: bold; font-size: 18px;">Days remaining: <<print $prisonDaysLeft>></span> </p> <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 20px;"> <!-- SLEEP TO PASS TIME --> <<link '<div style="padding: 12px 20px; background: #333; color: #fff; border: 1px solid #777; border-radius: 8px; cursor: pointer; font-weight: bold;">SLEEP (PASS 1 DAY)</div>' "Prison_Cell_Dom">> <<set $prisonDaysLeft -= 1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <</link>> <!-- SEDUCE FEMALE GUARD (Disappears Forever Once Used) --> <<if not $prisonSeduceFemaleUsed>> <<if $jackDominance >= 70>> <<link '<div style="padding: 12px 20px; background: rgba(232, 67, 147, 0.1); color: #e84393; border: 1px solid #e84393; border-radius: 8px; cursor: pointer; font-weight: bold;">SEDUCE FEMALE GUARD</div>' "Prison_Seduce_Female_Dom">> <<set $prisonSeduceFemaleUsed = true>> <</link>> <<else>> <div style="padding: 12px 20px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; opacity: 0.7;">SEDUCE FEMALE GUARD (Need 70 Dom)</div> <</if>> <</if>> <!-- SEDUCE SHEMALE GUARD (Available Every Imprisonment) --> <<if not $prisonSeduceShemaleUsed>> <<if $jackDominance >= 50>> <<link '<div style="padding: 12px 20px; background: rgba(155, 89, 182, 0.1); color: #9b59b6; border: 1px solid #9b59b6; border-radius: 8px; cursor: pointer; font-weight: bold;">SEDUCE SHEMALE GUARD</div>' "Prison_Seduce_Shemale_Dom">> <<set $prisonSeduceShemaleUsed = true>> <!-- Halves the remaining days --> <<set $prisonDaysLeft = Math.ceil($prisonDaysLeft / 2)>> <</link>> <<else>> <div style="padding: 12px 20px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; opacity: 0.7;">SEDUCE SHEMALE GUARD (Need 50 Dom)</div> <</if>> <</if>> <!-- PAY FINE --> <<if $money >= 3000>> <<link '<div style="padding: 12px 20px; background: rgba(46, 213, 115, 0.2); color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; cursor: pointer; font-weight: bold;">PAY FINE ($3000)</div>' "OutsidePassage_Dom">> <<set $money -= 3000>> <<set $prisonDaysLeft = -1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $time = "Morning">> <</link>> <<else>> <div style="padding: 12px 20px; background: rgba(255, 82, 82, 0.2); color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; opacity: 0.5;">NOT ENOUGH FOR FINE ($3000)</div> <</if>> </div> <<else>> <!-- SENTENCE COMPLETE --> <p style="color: #2ed573; font-weight: bold; font-size: 18px; margin-bottom: 25px;"> Your sentence is complete. You are free to go. </p> <<link '<div style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;">LEAVE PRISON</div>' "OutsidePassage_Dom">> <<set $prisonDaysLeft = -1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $time = "Morning">> <</link>> <</if>> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[OutsidePassage_Dom]] [[Prison_Seduce_Female_Dom]] [[Prison_Seduce_Shemale_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #e84393; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Cell Inspection</h2> <!-- NARRATIVE 1 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The heavy iron door slides open. Officer Patty steps into your block, officially for a routine contraband check. As she comes closer to your cell, you catch her eyes lingering on your chest. You decide to take the initiative. </p> <!-- PLAYER DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I was wondering when you'd finally find an excuse to get closer to me, Officer. We don't exactly get beauties like you down in this block.</div> </div> </div> <!-- NARRATIVE 2 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She offers a mischievous smile, gently biting her lower lip as she steps even closer to the cell. </p> <!-- GUARD DIALOGUE 1 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Oh, you're a silver-tongued devil, aren't you? I'm just doing a routine check. Why aren't you asleep?</div> </div> </div> <!-- PLAYER DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's hard to sleep with an ache like this, Officer. And even harder to handle it alone without any visual aids. Maybe you could help a guy out?</div> </div> </div> <!-- GUARD DIALOGUE 2 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">I'm a jailor, honey, not a prosti—</div> </div> </div> <!-- MAIN SCENE IMAGE --> <img src="images/Hard dick prison.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #e84393;"> <!-- NARRATIVE 3 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You unzip your pants. The moment she sees your thick, heavy cock exposed, her breath hitches and she completely loses her train of thought. </p> <!-- GUARD DIALOGUE 3 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">(God, it's twice the size of my boyfriend's...) Maybe I can give you a little show. But make it quick, before the other guards come back.</div> </div> </div> <!-- NARRATIVE 4 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She eagerly steps back, unbuttoning her uniform top to expose her heavy breasts through the bars. She slips off her panties and pulls out her stick, immediately going to work on herself as you begin to stroke yourself. </p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female solo.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- PLAYER DIALOGUE 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">This isn't the first time you've played with that stick on duty, is it, slut?</div> </div> </div> <!-- GUARD DIALOGUE 4 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhh... of course not. Fuck, I'm dripping wet. Let me touch it.</div> </div> </div> <!-- VIDEO 2 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female jerking.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- GUARD DIALOGUE 5 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm... you're going to get me in so much trouble... if the warden catches us... Ahhh, fuck it, let me suck you.</div> </div> </div> <!-- PLAYER DIALOGUE 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's exactly what I want to hear.</div> </div> </div> <!-- NARRATIVE 5 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She drops to her knees, eagerly wrapping her lips around you through the bars while continuing to caress herself with the stick. </p> <!-- VIDEO 3 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female blowjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- PLAYER DIALOGUE 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Fuck, those lips were made for this. Turn around, slut. I'm going to fuck you.</div> </div> </div> <!-- GUARD DIALOGUE 6 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm... someone is getting excited. Roger that, inmate.</div> </div> </div> <!-- NARRATIVE 6 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She turns around, pressing her bare ass against the cold metal bars as you step forward and forcefully shove your cock inside her. </p> <!-- VIDEO 4 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female sex1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- GUARD DIALOGUE 7 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, gosh... you are stretching me out so good.</div> </div> </div> <!-- PLAYER DIALOGUE 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look at you, leaking all over me. Come here and let me taste those juices.</div> </div> </div> <!-- VIDEO 5 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female lick.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- GUARD DIALOGUE 8 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, you're so good with your tongue... fuck, I wish you weren't locked in here.</div> </div> </div> <!-- NARRATIVE 7 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She moans loudly, completely lost in the pleasure and no longer caring if the other officers hear her down the block. </p> <!-- PLAYER DIALOGUE 7 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On the bed. Now.</div> </div> </div> <!-- VIDEO 6 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female sex2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- PLAYER DIALOGUE 8 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Are you on the pill, slut?</div> </div> </div> <!-- GUARD DIALOGUE 9 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, no! Please, don't cum inside me—paint my tits instead!</div> </div> </div> <!-- VIDEO 7 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female cum.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- GUARD DIALOGUE 10 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm, you taste so good... but fuck, I'm still so horny.</div> </div> </div> <!-- NARRATIVE 8 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She pulls away and starts playing with herself again, completely engrossed in satisfying her own needs. In her distracted haze, she completely forgets about the cell keys resting right on the edge of the bars. </p> <!-- VIDEO 8 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female escape.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <!-- GUARD DIALOGUE 11 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Hey! What do you think you're doing? Open this door immediately!</div> </div> </div> <!-- PLAYER DIALOGUE 9 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thanks for the show, sweetheart. You were a perfect little toy, but I've got places to be. See ya.</div> </div> </div> <!-- GUARD DIALOGUE 12 --> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">No! Please, you can't leave me locked in here! Hey!</div> </div> </div> <!-- ESCAPE LOGIC --> <<set $prisonDaysLeft = -1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $time = "Morning">> <!-- NOTIFICATION BOX --> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">🏃 ESCAPE SUCCESSFUL</span><br> <span style="color: #ccc; font-size: 13px;">Your prison sentence is officially over.</span> </div> <!-- RETURN BUTTON --> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="OutsidePassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> ESCAPE PRISON </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[OutsidePassage_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Night Shift</h2> <!-- NARRATIVE 1 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> It's late at night. The cell block is dead silent when Officer Morgan pauses by your bars. She's been watching you for days, and tonight, she finally unlocks your door and slips inside. You lean back against the wall, flashing her a smooth, welcoming smile. </p> <!-- GUARD DIALOGUE 1 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">Room search inmate.</div> </div> </div> <!-- PLAYER DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I was starting to think I'd be spending this cold night all by myself, Officer Santini.</div> </div> </div> <!-- GUARD DIALOGUE 2 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">I know it gets awfully lonely in here at night, inmate, but don't try anything stupid or I'll sound the alarm. Now turn around and face the wall.</div> </div> </div> <!-- NARRATIVE 2 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Instead of obeying, you close the distance between you in a single, smooth step. Before she can even reach for her radio, you firmly catch both of her wrists, easily overpowering her half-hearted resistance. </p> <!-- GUARD DIALOGUE 3 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">What are you doing? let me go, immedietly.</div> </div> </div> <!-- PLAYER DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Relax, gorgeous. We both know why you're really here. You wouldn't be sneaking into my cell at 1:00 AM using a flimsy excuse like a room search if you didn't want this.</div> </div> </div> <!-- GUARD DIALOGUE 4 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">You have a strong grip, sir... I've always fantasized about being thrown around in this cell and used like a slutty prisoner.</div> </div> </div> <!-- PLAYER DIALOGUE 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Then let's bring that little fantasy of yours to life. Get on the cot and make yourself comfortable for me.</div> </div> </div> <!-- NARRATIVE 3 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Completely charmed by your confidence, she eagerly crawls onto the narrow prison bed on all fours. You stand right at the edge of the mattress, exposing yourself as she opens her mouth. </p> <!-- VIDEO 1 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale blowjob1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- PLAYER DIALOGUE 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's it, slut. You know exactly what you're doing.</div> </div> </div> <!-- NARRATIVE 4 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You gently push her shoulders back until she's laying flat on the bed. You step over her, standing directly above her face to give her a better angle as she takes you deep. </p> <!-- VIDEO 2 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale blowjob2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- PLAYER DIALOGUE 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Strip those panties off. Let's see that pussy of yours slut.</div> </div> </div> <!-- VIDEO 3 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale panties off.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- PLAYER DIALOGUE 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">What the fuck?? You have a dick.</div> </div> </div> <!-- GUARD DIALOGUE 5 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">Oh yes... is that a problem, sir?</div> </div> </div> <!-- PLAYER DIALOGUE 7 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Fuck it, I'm already rock hard. Turn around and bend over. You're still going to take this.</div> </div> </div> <!-- VIDEO 4 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale sex1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- PLAYER DIALOGUE 8 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm done looking at your clitty bouncing slut. Turn around.</div> </div> </div> <!-- GUARD DIALOGUE 6 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">Ahh, yes office....Please hold my hand behind my back, treat me like the whore I am.</div> </div> </div> <!-- VIDEO 5 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale sex2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- PLAYER DIALOGUE 9 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Take it all, slut. I'm cumming.</div> </div> </div> <!-- VIDEO 6 --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison shemale cum.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3); border: 1px solid #9b59b6;"></video> </div> <!-- NARRATIVE 5 --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You blow your load across her chest, thoroughly marking the corrupt officer as your own. She collapses back onto the narrow cot, breathless, messy, and completely satisfied. </p> <!-- PLAYER DIALOGUE 10 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">First thing tomorrow morning, you are logging into the system and deleting half my paperwork. Understood?</div> </div> </div> <!-- GUARD DIALOGUE 7 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #1e0d30 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♀️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Santini</div> <div style="color: #eee; font-size: 14px;">Yes, sir... consider it done.</div> </div> </div> <!-- NOTIFICATION BOX --> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⏳ SENTENCE REDUCED</span><br> <span style="color: #ccc; font-size: 13px;">The guard manipulated the system for you. Your remaining days have been cut in half.</span> </div> <!-- RETURN BUTTON --> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Prison_Cell_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO CELL </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;"> [[Prison_Cell_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $angelaLastTalkDay =$dayCount>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Good Wife</h2> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get on your knees and show me what a good wife you are.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">With pleasure, daddy.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She drops beautifully to her knees, slipping your pants down to eagerly tease the tip of your cock. She hums happily, swirling her tongue around you. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_blowjob_1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Oh, fuck. Stop teasing me, slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_blowjob_2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Open wide and take my load.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She closes her eyes and waits obediently as you pull out, painting her tongue and pretty face. </p> <img src="images/Angela cum in mouth.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Don't waste a drop.</div> </div> </div> <img src="images/Angela swallow cum.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mmhm. Thanks for the meal daddy.</div> </div> </div> <<set $energy -= 10>> <<set $angelaLove += 1>> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -10</span> <div style="border: 1px solid #ff5252; background-color: rgba(255, 82, 82, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,105,180,0.1);"> <span style="color: #ff5252; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA LOVE +1</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE BEDROOM </a> </div> </div> <div style="display: none;">[[MainHub_Dom]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $angelaLastTalkDay = $dayCount>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Claiming Your Wife</h2> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Lay back and spread your legs. I want to taste you first.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yes, daddy. Make me feel good.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You push her gently onto the mattress and bury your face between her thighs. She tangles her fingers in your hair, moaning softly as your tongue goes to work on her dripping core. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_licking_bed.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's enough lubing. Get on top and ride my cock.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She eagerly scrambles over you, guiding your thick length inside her before sinking down with a heavy sigh. She sets a steady pace, bouncing beautifully on your lap. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_riding_bed.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhh... you fill me up so perfectly, daddy. It feels amazing.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Lay flat. I'm taking control.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You effortlessly flip her onto her back, pinning her legs up as you drive into her from above. The shift in power makes her squirm with pleasure as you pound into her tight wetness. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_missionary_bed.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Oh fuck! Yes, right there! Please, daddy, breed me! Fill me up!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You oblige her desperate begging, pushing in as deep as you can before completely unloading inside her. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_creampie.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Take it all, slut.</div> </div> </div> <<set $energy -= 20>> <<set $angelaLove += 1>> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -20</span> </div> <div style="border: 1px solid #ff69b4; background-color: rgba(255, 105, 180, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(255,105,180,0.1);"> <span style="color: #ff69b4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA LOVE +1</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE BEDROOM </a> </div> </div> <div style="display: none;">[[MainHub_Dom]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $angelaLastTalkDay =$dayCount>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Deepthroat</h2> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Open your throat. I'm going deep today.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You grab her firmly by the hair and forcefully guide her down. She gags and struggles slightly, but her eyes remain submissive as she takes every inch of you down her throat. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_deepthroat_1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ghhk... gulp... mmhmm!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Yeah, just like that.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela_deepthroat_2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Almost there.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She closes her eyes and waits obediently as you pull out, painting her tongue and pretty face. </p> <img src="images/Angela cum in mouth.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Don't waste a drop.</div> </div> </div> <img src="images/Angela swallow cum.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mmhm. Thanks for the meal daddy.</div> </div> </div> <<set $energy -= 10>> <<set $angelaObedience += 1>> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -10</span> </div> <div style="border: 1px solid #00bcd4; background-color: rgba(0, 188, 212, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(0,188,212,0.1);"> <span style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA OBEDIENCE +1</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE BEDROOM </a> </div> </div> <div style="display: none;">[[MainHub_Dom]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <!-- ============================================================== --> <!-- STAGE 0: THE PITCH --> <!-- ============================================================== --> <<if typeof $angelaAnalStageDom === 'undefined'>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Anal Proposal</h2> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I just realized that I've never used your tight asshole... let's stretch it.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Wait, daddy... I've never done that before. And you're so big... it will tear me apart.</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">We'll use lube.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Please, daddy, let me prepare first! If you buy me a buttplug, I'll wear it for a week to stretch out for you. I promise!</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Hmm... fine. One week. But you better be ready when the time comes.</div> </div> </div> <<set $angelaAnalStageDom = 1>> <!-- ============================================================== --> <!-- STAGE 1: WAITING FOR PLUG --> <!-- ============================================================== --> <<elseif $angelaAnalStageDom == 1>> <<if $hasButtplug>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The Preparation</h2> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I got the plug. Let's get you stretched.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yay! Thank you, daddy. Could you plug me yourself? Please?</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 1 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You push her face down onto the mattress and press the wide tip of the toy against her tight entrance, but her unused hole refuses to give way. </p> <!-- ========================== --> <!-- PLAYER DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It needs more lubrication. Get it wet with your mouth.</div> </div> </div> <!-- ========================== --> <!-- VIDEO 1 (SUCKING PLUG) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela sucking plug.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mhmm... I think it's ready, daddy. Stuff my hole.</div> </div> </div> <!-- ========================== --> <!-- VIDEO 2 (INSERTING PLUG) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Angela plug in.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh, I'm so full, daddy... It aches, but it feels so good. It's making me so horny.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 2 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Seeing her helplessly plugged and dripping wet, you reach down to tease her holes while the toy stretches her open. </p> <!-- ========================== --> <!-- VIDEO 3 (TEASING CLIT) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Teasing angelas plugged ass.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 4 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhh, daddy, I can't take it anymore... I'm cumming!</div> </div> </div> <!-- ========================== --> <!-- GIF 1 (SQUIRTING) --> <!-- ========================== --> <img src="images/Squirt.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <!-- ========================== --> <!-- NARRATIVE 3 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> After she finishes squirting all over you, you make sure the plug is seated deeply back inside her. </p> <!-- ========================== --> <!-- ANGELA DIALOGUE 5 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh... feels so good. Thank you, daddy.</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Remember. You are not allowed to take it out.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.1); border: 1px solid #00bcd4; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #00bcd4; font-weight: bold; font-size: 16px; letter-spacing: 1px;">✔️ BUTTPLUG SECURED</span><br> <span style="color: #ccc; font-size: 13px;">Wait 7 days for her to stretch.</span> </div> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> You can check on her stretching progress at night. </div> <<set $hasButtplug = false>> <<set $angelaAnalStageDom = 2>> <<set $angelaPlugDayDom = $dayCount>> <<else>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Missing Equipment</h2> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I still need to go to the Adult Shop and buy that buttplug for you.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I'll be waiting, daddy...</div> </div> </div> <</if>> <!-- ============================================================== --> <!-- STAGE 2: CHECKING PROGRESS OR FIRST TIME READY --> <!-- ============================================================== --> <<elseif $angelaAnalStageDom == 2>> <<if $dayCount >= $angelaPlugDayDom + 7>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $angelaLastTalkDay = $dayCount>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The First Time</h2> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's been a week. I can't wait any longer. Take the plug out and show me what that hole can do.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yes, daddy... my ass is so loose and ready for you now. Let me give you a little show first 😈</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 1 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She pulls the plug out with a wet pop, easily sliding it back in and out to prove how perfectly her tight hole has yielded to the toy. </p> <!-- ========================== --> <!-- VIDEO 1 (SHOWING OFF) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal show.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Goddamn. You've turned into a perfect little anal slut in just one week.</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hehe... my ass belongs to you, daddy. Do whatever you want with it.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 2 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You push her onto her side, lifting her leg and sinking your thick length into her freshly stretched ass. She gasps, taking every inch with surprising ease. </p> <!-- ========================== --> <!-- VIDEO 2 (SIDE POSITION) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal missionary.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get on top. I want to see you take it all.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 3 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She obediently climbs over you, lowering her ass onto your cock. She whimpers as she bottoms out, then begins to ride you with a steady, sloppy rhythm. </p> <!-- ========================== --> <!-- VIDEO 3 (RIDING) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal riding.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhh! daddyyy! It feels so good! I can't get enough of your dick!</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 4 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees. Ass in the air.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 4 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You flip her onto all fours, grabbing her hips and driving into her from behind. The loud slaps echo through the room as you relentlessly pound her stretched hole. </p> <!-- ========================== --> <!-- VIDEO 4 (DOGGY) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal doggy.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 4 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhh! Yes, daddy! It feels so good! I'm cumming!</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 5 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Open wide.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 5 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Right as you reach the edge, you pull out of her ass, grab her by the hair, and force your cock deep into her throat, pumping your hot load straight down her windpipe. </p> <!-- ========================== --> <!-- VIDEO 5 (THROAT CUM) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/cum in angelas throat after anal.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- STAT UPDATES --> <!-- ========================== --> <<set $energy -= 20>> <<set $angelaObedience += 5>> <<set $angelaAnalStageDom = 3>> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -20</span> </div> <div style="border: 1px solid #00bcd4; background-color: rgba(0, 188, 212, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(0,188,212,0.1);"> <span style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA OBEDIENCE +5 (First Time Bonus!)</span> </div> <<else>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Checking Her Progress</h2> <<set _daysLeft = ($angelaPlugDayDom + 7) - $dayCount>> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Let me see how that plug is treating you. Turn around.</div> </div> </div> <!-- ========================== --> <!-- GIF 1 (CHECKING PLUG) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela with plug.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">My ass is constantly aching for you, daddy. But I need <<print _daysLeft>> more days to be fully stretched for your size.</div> </div> </div> <</if>> <!-- ============================================================== --> <!-- STAGE 3: REPEATABLE SCENE --> <!-- ============================================================== --> <<elseif $angelaAnalStageDom == 3>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">> <</if>> <<set $angelaLastTalkDay = $dayCount>> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Taking Her Ass</h2> <!-- ========================== --> <!-- PLAYER DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Are you in the mood for an anal fuck, babe?</div> </div> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 1 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Of course, daddy. It's aching for you.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 1 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You put her on all four and bury your face between her cheeks, swirling your tongue around her tight little hole to get it nice and wet. </p> <!-- ========================== --> <!-- VIDEO 1 (LICKING) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal lick.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahh... your tongue feels so good, daddy. Please fuck it...</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 2 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get on your knees. Present it.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 2 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She obediently gets on all fours, arching her back perfectly. You grab her hips and drive your thick cock deep inside her ass. </p> <!-- ========================== --> <!-- VIDEO 2 (DOGGY) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal doggy2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Oh fuck! It's so deep... hit it harder, daddy!</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 3 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Flip over. I want to see your face while I stretch you.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 3 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You roll her onto her back, throwing her legs over your shoulders as you relentlessly pound her stretched hole. </p> <!-- ========================== --> <!-- VIDEO 3 (MISSIONARY) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal missionary2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 4 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yes! Right there! Destroy my ass!</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 4 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You shift her onto her side, pulling one of her legs high to get even deeper leverage. The loud slaps echo through the bedroom as her body shakes. </p> <!-- ========================== --> <!-- VIDEO 4 (SIDE) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal from side.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- ========================== --> <!-- ANGELA DIALOGUE 5 --> <!-- ========================== --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Daddy, I can't take much more! Please fill me up! Fill my ass!</div> </div> </div> <!-- ========================== --> <!-- PLAYER DIALOGUE 4 --> <!-- ========================== --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Here it comes, slut.</div> </div> </div> <!-- ========================== --> <!-- NARRATIVE 5 --> <!-- ========================== --> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You grab her tightly and push in as deep as you can, groaning as you empty your heavy load deep inside her bowels. </p> <!-- ========================== --> <!-- GIF 5 (CUM) --> <!-- ========================== --> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/angela_anal_creampie.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"> </div> <!-- ========================== --> <!-- STATS --> <!-- ========================== --> <<set $energy -= 20>> <<set $angelaObedience += 3>> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -20</span> </div> <div style="border: 1px solid #00bcd4; background-color: rgba(0, 188, 212, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto 35px auto; max-width: 600px; text-align: center; box-shadow: inset 0 0 10px rgba(0,188,212,0.1);"> <span style="color: #00bcd4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">ANGELA OBEDIENCE +3</span> </div> <</if>> <!-- RETURN BUTTON --> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="MainHub_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE BEDROOM </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[MainHub_Dom]]</div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <!-- This safely remembers the original room you came from, ignoring the Weed passage --> <<if previous() neq "UseWeed_Dom" and previous() neq "InventoryPassage_Dom">> <<set $inventoryReturnDom to previous()>> <</if>> <div style="max-width: 750px; margin: 0 auto; padding: 20px; font-family: sans-serif;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 2px; margin-bottom: 25px;">INVENTORY</h2> <p style="text-align: center; color: #888; font-size: 14px; margin-top: -15px; margin-bottom: 25px;"> <em>Usable items and tools. (Wearable accessories are stored in your Wardrobe).</em> </p> <!-- MAIN INVENTORY BOX --> <div style="background: rgba(255, 255, 255, 0.05); border: 1px solid #dfba6b; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0;"> <!-- RAZORS --> <<if ($razors || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="images/Razor.avif" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <div> <span style="color: #00bcd4; font-weight: bold;">▶ Shaving Razor</span> <span style="color: #888; font-size: 13px; display: block;">Keeps body hair in check.</span> </div> </div> <span style="background: #222; border: 1px solid #00bcd4; color: #00bcd4; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $razors>></span> </li> <</if>> <!-- WEED --> <<if ($inventoryWeedDom || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="images/Weed.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <div> <span style="color: #2ed573; font-weight: bold;">▶ Weed</span> <span style="color: #888; font-size: 13px; display: block;">Good for taking the edge off. (x<<print $inventoryWeedDom>>)</span> </div> </div> <!-- USE BUTTON FOR WEED --> <<link '<div style="background: #1a1a24; border: 1px solid #2ed573; color: #2ed573; padding: 6px 15px; border-radius: 8px; font-size: 13px; font-weight: bold; cursor: pointer; text-transform: uppercase;">USE</div>' "UseWeed_Dom">> <<set $inventoryWeedDom -= 1>> <<set $energy += 20>> <<if $energy > $maxEnergy>><<set $energy = $maxEnergy>><</if>> <</link>> </li> <</if>> <!-- PILLS --> <<if ($inventoryPillsDom || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <img src="images/Pills.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <div> <span style="color: #ff5252; font-weight: bold;">▶ Mystery Pills</span> <span style="color: #888; font-size: 13px; display: block;">Use with extreme caution.</span> </div> </div> <span style="background: #222; border: 1px solid #ff5252; color: #ff5252; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $inventoryPillsDom>></span> </li> <</if>> <!-- EMPTY INVENTORY FALLBACK --> <<if (($inventoryWeedDom || 0) <= 0) and (($inventoryPillsDom || 0) <= 0) and (($razors || 0) <= 0) and not $hasDildo and not $hasVibrator and not $hasButtplug and not $hasSexMachine and ($hackingDeviceReadyDay || 0) <= 0 and ($spycamCount || 0) <= 0>> <li style="text-align: center; font-style: italic; color: #888; border: none;"> Your inventory is currently empty. </li> <</if>> </ul> <!-- ============================================================== --> <!-- TOYS & EQUIPMENT --> <!-- ============================================================== --> <<if $hasDildo or $hasVibrator or $hasButtplug or $hasSexMachine>> <h3 style="color: #dfba6b; margin-top: 15px; border-bottom: 1px solid #444; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1.5px;">Toys</h3> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 15px;"> <!-- DILDO --> <<if $hasDildo>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Dildo2.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #9b59b6; font-weight: bold;">▶ Standard Dildo</span> </li> <</if>> <!-- VIBRATOR --> <<if $hasVibrator>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Vibrator2.webp" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #9b59b6; font-weight: bold;">▶ Vibrator</span> </li> <</if>> <!-- BUTTPLUG --> <<if $hasButtplug>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/Buttplug.webp" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #9b59b6; font-weight: bold;">▶ Buttplug</span> </li> <</if>> <!-- FUCKING MACHINE --> <<if $hasSexMachine>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; align-items: center; gap: 12px;"> <img src="images/SexMachine.jpg" style="width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid #555;"> <span style="color: #dfba6b; font-weight: bold;">▶ Fucking Machine</span> </li> <</if>> </ul> <</if>> <!-- ============================================================== --> <!-- ELECTRONICS & TECH --> <!-- ============================================================== --> <<if ($hackingDeviceReadyDay || 0) > 0 or ($spycamCount || 0) > 0>> <h3 style="color: #dfba6b; margin-top: 15px; border-bottom: 1px solid #444; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1.5px;">Electronics</h3> <ul style="color: #ccc; font-size: 16px; line-height: 2; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 15px;"> <!-- SPYCAM --> <<if ($spycamCount || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/SPYCAM.jpg" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #dfba6b; font-weight: bold;">▶ Hidden Spycam</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">(WIP - Useless for now)</span> </div> </div> <span style="background: #222; border: 1px solid #dfba6b; color: #dfba6b; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">x<<print $spycamCount>></span> </li> <</if>> <!-- HACKING USB --> <<if ($hackingDeviceReadyDay || 0) > 0>> <li style="border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: #222; border-radius: 6px; border: 1px solid #555; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; overflow: hidden;"> <img src="images/USB.jpg" style="max-width: 100%; max-height: 100%; object-fit: contain;"> </div> <div> <span style="color: #ccc; font-weight: bold;">▶ Hacking USB</span> <span style="color: #888; font-size: 13px; display: block; font-style: italic;">Bypasses corporate security.</span> </div> </div> <<if $dayCount >= $hackingDeviceReadyDay>> <span style="background: #222; border: 1px solid #2ed573; color: #2ed573; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">Ready</span> <<else>> <span style="background: #222; border: 1px solid #ffb74d; color: #ffb74d; padding: 2px 10px; border-radius: 10px; font-size: 14px; font-weight: bold;">Processing</span> <</if>> </li> <</if>> </ul> <</if>> </div> <!-- Closes the main inventory box --> <!-- BACK BUTTON (NOW USES THE SAFELY STORED VARIABLE) --> <div style="text-align: center; margin-top: 30px;"> <a @data-passage="$inventoryReturnDom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> CLOSE INVENTORY </a> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[UseWeed_Dom]]</div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } </style> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 600px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #2ed573; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Smoking a Joint</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; margin-bottom: 25px; line-height: 1.5;"> You step away for a moment, light up a blunt, and take a long, deep drag. You hold it in before exhaling a thick cloud of smoke. You feel the stress instantly melt away from your muscles. </p> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/smoking_weed.gif" style="width: 100%; max-width: 480px; border-radius: 12px; box-shadow: 0 4px 15px rgba(46, 213, 115, 0.3); border: 2px solid #2ed573;"> </div> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #2ed573; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 35px auto; max-width: 480px;"> <span style="color: #2ed573; font-weight: bold; font-size: 16px; letter-spacing: 1px;">🔋 ENERGY RECOVERED (+20)</span> </div> <div style="text-align: center;"> <a data-passage="InventoryPassage_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 14px; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> RETURN </a> </div> </div> <div style="display: none;">[[InventoryPassage_Dom]]</div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1e2230 0%, #11131c 100%) !important; background-color: #11131c !important; } /* Custom Styling for the Dom Cheat Menu */ .cheat-box { background: rgba(255, 255, 255, 0.05); border-radius: 8px; padding: 15px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .jack-box { border: 1px solid #dfba6b; } .angela-box { border: 1px solid #00bcd4; } .charlotte-box { border: 1px solid #9b59b6; } .cheat-title { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 12px; display: block; font-weight: bold; } .flex-container { display: flex; gap: 15px; flex-wrap: wrap; } .flex-half { flex: 1; min-width: 200px; } </style> <h3 style="color: #dfba6b; letter-spacing: 2px;">🛠️ DEVELOPER & CHEAT DASHBOARD</h3> <hr style="border-color: #444; margin: 20px 0;"> <!-- 1. LOGIN SCREEN (If they haven't unlocked it yet) --> <<if not $cheat_unlocked>> <div style="color: #ccc;">Enter Cheat Code:</div> <<textbox "$cheat_input" "">> <<button "Submit Code" "CheatMenu_Dom">> <<if $cheat_input == "ALPHAMALEVIP22564">> <<set $cheat_unlocked to true>> <<set $stat_msg to "Access Granted! Welcome to the Dom Dev Menu.">> <<else>> <<set $stat_msg to "Invalid Cheat Code.">> <</if>> <</button>> <br><br><span style="color:#ff5252; font-weight:bold;"><<print $stat_msg>></span> <!-- 2. THE ACTUAL CHEAT DASHBOARD (Visible once unlocked) --> <<else>> <div style="text-align: center; margin-bottom: 15px;"> <b style="color:#2ed573; font-size: 16px;"><<print $stat_msg>></b> </div> <div class="cheat-box jack-box"> <span class="cheat-title" style="color:#dfba6b;">👑<<print $playerName>>'s Attributes</span> <<button "💸 + $5,000 Cash" "CheatMenu_Dom">> <<set $money += 5000>> <<set $stat_msg to "+$5,000!">> <</button>> <<button "⚡ Max Energy" "CheatMenu_Dom">> <<set $energy = $maxEnergy>> <<set $stat_msg to "Energy Fully Restored!">> <</button>> <<button "🏋️♂️ + 5 Fitness" "CheatMenu_Dom">> <<set $jackFitness += 5>> <<set $stat_msg to "Fitness +5!">> <</button>> <<button "📚 + 5 Knowledge" "CheatMenu_Dom">> <<set $jackKnowledge += 5>> <<set $stat_msg to "Knowledge +5!">> <</button>> <<button "👑 + 5 Dominance" "CheatMenu_Dom">> <<set $jackDominance += 5>> <<set $stat_msg to "Dominance +5!">> <</button>> <<button "😈 + 5 Corruption" "CheatMenu_Dom">> <<set $jackCorruption += 5>> <<set $stat_msg to "Corruption +5!">> <</button>> <<button "😎 + 2 Looks" "CheatMenu_Dom">> <<set $jackLooks += 2>> <<set $stat_msg to "Looks +2!">> <</button>> </div> <div class="flex-container"> <div class="cheat-box angela-box flex-half"> <span class="cheat-title" style="color:#00bcd4;">💅 Angela</span> <<button "🧎♀️ + 5 Obedience" "CheatMenu_Dom">> <<set $angelaObedience += 5>> <<set $stat_msg to "Angela's Obedience +5!">> <</button>> <<button "💖 + 5 Love" "CheatMenu_Dom">> <<set $angelaLove += 5>> <<set $stat_msg to "Angela's Love +5!">> <</button>> </div> <div class="cheat-box charlotte-box flex-half"> <span class="cheat-title" style="color:#9b59b6;">🍷 Charlotte</span> <<button "🧎♀️ + 5 Obedience" "CheatMenu_Dom">> <<set $charlotteObedience += 5>> <<set $stat_msg to "Charlotte's Obedience +5!">> <</button>> <<button "💖 + 5 Love" "CheatMenu_Dom">> <<set $charlotteLove += 5>> <<set $stat_msg to "Charlotte's Love +5!">> <</button>> </div> </div> <hr style="border-color: #444; margin: 30px 0;"> <h3 style="color: #dfba6b; letter-spacing: 2px;">🎦 EVENT REPLAY GALLERY</h3> <span style="color: #888;">Rewatch unlocked scenes (Dom Route)</span> <br><br> <div style="line-height: 2;"> <!-- Unlocks after the 7-day waiting period is over --> <<if $angelaAnalStageDom == 3>> * <<link "Replay: Angela's First Anal" "Gallery_Angela_FirstAnal">><</link>><br> <</if>> <!-- Unlocks only after she actually sits at her desk for the first time --> <<if $angelaDeskFirstVisit>> * <<link "Replay: Angela's Office Intro" "Gallery_Angela_OfficeIntro">><</link>><br> <</if>> <!-- Unlocks when you escape prison --> <<if $prisonDaysLeft == -1>> * <<link "Replay: Seducing Female Guard" "Gallery_Guard_Seduce">><</link>><br> <</if>> <!-- Unlocks after blackmailing Lauren --> <<if $questLaurenRevengeDom == "completed">> * <<link "Replay: Lauren's Confrontation" "Gallery_Lauren_Confront">><</link>><br> <</if>> <!-- Unlocks after using Lauren in her office for the first time --> <<if $laurenFirstUseDom>> * <<link "Replay: Lauren's First Use" "Gallery_Lauren_FirstUse">><</link>><br> <</if>> </div> <hr style="border-color: #444; margin: 20px 0;"> <div style="text-align: right; margin-top: 10px;"> <<button "🔒 Lock Dashboard" "CheatMenu_Dom">> <<set $cheat_unlocked to false>> <<set $stat_msg to "">> <<set $cheat_input to "">> <</button>> </div> <</if>> <!-- THE CORRECTED END TAG --> <div style="text-align: center; margin-top: 30px;"> <<link "CLOSE MENU & RETURN" $return_passage>><</link>> </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's Confrontation (Replay)</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stride confidently up to Lauren's desk. She glares at you the second you enter her periphery, her fingers freezing over her keyboard. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">I thought I made it perfectly clear that I don't want you anywhere near my workspace. Leave before I call security.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I don't think you want to do that, <i>Lexi</i>.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The color instantly drains from her face. Her arrogant posture crumbles as she stares at you in absolute, wide-eyed terror. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">What... what did you just call me?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">$1000 an hour for the GFE? Honestly, considering how much you and Tyron have been skimming from the corporate accounts, I figured you'd charge a little more.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">You... you hacked my computer? Are you insane? That's a federal crime! I'll have you arrested!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Go ahead. Call them. Call Kendra. Hell, let's call Mark. I'm sure your pathetic husband would love to see the videos of his wife choking on the CEO's cock in Room 312 while he's at home stressing over your overdue credit cards.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> She collapses back into her chair, completely broken. Her hands are visibly trembling. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Please... please, <<print $playerName>>. I'll do whatever you want. I can pay you! I swear Tyron made me do this. Just don't leak those files. If the world finds out... my life is over.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Why exactly did he make you frame me?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Tyron has been draining the corporate accounts for his own bad investments. The board is auditing the company next month. He panicked and told me to set up a sacrificial lamb to take the fall for the missing funds so he wouldn't go to prison.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">And you were going to forge my signature on the Q3 financial reports so the auditors would blame me.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes... I had no choice! Tyron threatened to send my escort profiles and our sex tapes to my husband. He promised if I helped frame you, he'd promote me. Please, you have to believe me!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Shut your fucking mouth. You were practically begging for his cock in those messages. Don't play the victim with me. Does Kendra know you're framing me?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">No... she thinks the wage cut is just a disciplinary action because of your attitude. She doesn't know about the forged books. Please, just tell me what you want. I'll do anything.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Now we are talking. First, you're going into the payroll system to restore my full wage and permanently delete that fake performance review. Second, you will send me $1000 each friday from your own wage. Third, if I tell you to do something, you do it like a good slut without questioning me. Clear?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">A thousand a week? <<print $playerName>>, please... you know how much debt Mark and I are in...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You lean over the desk, grabbing her by the chin and delivering a sharp slap to her cheek. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">What did I just say about questioning me, slut? Next time you speak back, I hit send on those files. Do you understand?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes... yes, sir.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. Now strip, get on your knees, and show me exactly why Tyron pays you so much.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Without another word, she obeys your order, sinking to the floor. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office sucking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Your cock tastes amazing, sir...</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Enough warming up. Get on the desk. Let's see if this pussy is actually worth a thousand bucks an hour.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office fucking1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look at how wet you get when you're put in your place, you absolute whore.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahhh! It's because you're filling me so deep, sir... fuck!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">To the chair. Now.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Lauren office fucking2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahhh! I'm cumming! Sir, I'm cumming!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees. Open your mouth.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/Cumming on lauren office.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good slut. Make sure you kiss your pathetic husband with that same mouth when you get home.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes, sir... thank you for using me.</div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="CheatMenu_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO GALLERY </a> </div> </div> <div style="display: none;">[[CheatMenu_Dom]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffb74d; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Lauren's First Use (Replay)</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You walk into Lauren's office and close the door behind. She immediately stops typing and looks up at you. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's time to work, Lexi. Crawl to me. Now.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yes, sir. Right away.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The arrogant manager immediately drops to her knees, crawling toward you like an obedient pet. You unzip your pants, presenting yourself to her. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Mmmh, I'm starting to get addicted to your cock, sir.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Of course you are. You're a cum dumpster, after all. Time to fill that pussy.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Yeaaahh, that's the spot, si—</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Suddenly, the office door handle starts to jiggle. Lauren quickly pulls away, rushing over to hold the door shut just as it unlocks. </p> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Hey, babe.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ohh, heey babe...</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v3.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Are you okay? You're bouncing against the door.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh, yeaahh I'm fine. I'm just not used to... ahh... standing in these new heels.</div> </div> </div> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Let me in, I missed your white ass.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v4.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 10px;">Ahh fuckkkk, so deep...</div> </div> </div> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">What was that?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh, nothing! Please go, I'm on a video call with Mark. We'll talk later.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You hear Tyron's footsteps walking away down the hall. Lauren lets out a shaky breath, locking the door again and directing her full attention back to you. </p> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Oh god... he almost caught us, sir.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">He will get to watch me fuck you soon enough. Back to fucking, slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v5.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I'm cumming, slut.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh pleassee... fill me up, sir!</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v6.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ahh... I'm so full.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get down there and taste my seed.</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Gladly, sir.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v7.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's it, whore. Tyron said he missed your white ass. Run to him now and give him a big kiss.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She puts her clothes back on and hurries down the hall to Tyron's office. You follow quietly behind her, watching from behind the glass curtain wall. </p> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">You kept me waiting too long. What did your cuck husband want?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Just whining, same old. I missed your lips, Tyron... let me kiss you.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/lauren_use_scene1_v8.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(255, 183, 77, 0.3); border: 1px solid #ffb74d;"></video> </div> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Your lips are salty. What did you eat?</div> </div> </div> <div style="background-color: rgba(255, 183, 77, 0.15); border: 2px solid #ffb74d; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarLauren" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #ffb74d;" alt="Lauren"> </div> <div> <div style="color: #ffb74d; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Lauren</div> <div style="color: #eee; font-size: 14px;">Ohh, just some Chinese food. Is it bad?</div> </div> </div> <div style="background-color: rgba(142, 68, 173, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img src="images/Tyrons Avatar.jpg" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #9b59b6;" alt="Tyron"> </div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Tyron</div> <div style="color: #eee; font-size: 14px;">Nahh. I like it.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">(I bet you do, fucker.)</div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="CheatMenu_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO GALLERY </a> </div> </div> <div style="display: none;">[[CheatMenu_Dom]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #e84393; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Cell Inspection (Replay)</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> The heavy iron door slides open. Officer Patty steps into your block, officially for a routine contraband check. As she comes closer to your cell, you catch her eyes lingering on your chest. You decide to take the initiative. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I was wondering when you'd finally find an excuse to get closer to me, Officer. We don't exactly get beauties like you down in this block.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She offers a mischievous smile, gently biting her lower lip as she steps even closer to the cell. </p> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Oh, you're a silver-tongued devil, aren't you? I'm just doing a routine check. Why aren't you asleep?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's hard to sleep with an ache like this, Officer. And even harder to handle it alone without any visual aids. Maybe you could help a guy out?</div> </div> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">I'm a jailor, honey, not a prosti—</div> </div> </div> <img src="images/Hard dick prison.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #e84393;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You unzip your pants. The moment she sees your thick, heavy cock exposed, her breath hitches and she completely loses her train of thought. </p> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">(God, it's twice the size of my boyfriend's...) Maybe I can give you a little show. But make it quick, before the other guards come back.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She eagerly steps back, unbuttoning her uniform top to expose her heavy breasts through the bars. She slips off her panties and pulls out her stick, immediately going to work on herself as you begin to stroke yourself. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female solo.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">This isn't the first time you've played with that stick on duty, is it, slut?</div> </div> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhh... of course not. Fuck, I'm dripping wet. Let me touch it.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female jerking.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm... you're going to get me in so much trouble... if the warden catches us... Ahhh, fuck it, let me suck you.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's exactly what I want to hear.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She drops to her knees, eagerly wrapping her lips around you through the bars while continuing to caress herself with the stick. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female blowjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Fuck, those lips were made for this. Turn around, slut. I'm going to fuck you.</div> </div> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm... someone is getting excited. Roger that, inmate.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She turns around, pressing her bare ass against the cold metal bars as you step forward and forcefully shove your cock inside her. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female sex1.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, gosh... you are stretching me out so good.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Look at you, leaking all over me. Come here and let me taste those juices.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female lick.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, you're so good with your tongue... fuck, I wish you weren't locked in here.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She moans loudly, completely lost in the pleasure and no longer caring if the other officers hear her down the block. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On the bed. Now.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female sex2.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Are you on the pill, slut?</div> </div> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Ahhhh, no! Please, don't cum inside me—paint my tits instead!</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female cum.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Mhmm, you taste so good... but fuck, I'm still so horny.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She pulls away and starts playing with herself again, completely engrossed in satisfying her own needs. In her distracted haze, she completely forgets about the cell keys resting right on the edge of the bars. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/prison female escape.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.3); border: 1px solid #e84393;"></video> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">Hey! What do you think you're doing? Open this door immediately!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Thanks for the show, sweetheart. You were a perfect little toy, but I've got places to be. See ya.</div> </div> </div> <div style="background-color: rgba(232, 67, 147, 0.15); border: 2px solid #e84393; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #e84393; background: linear-gradient(135deg, #300d1e 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(232, 67, 147, 0.2);">👮♀️</div> <div> <div style="color: #e84393; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Officer Patty</div> <div style="color: #eee; font-size: 14px;">No! Please, you can't leave me locked in here! Hey!</div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <a data-passage="CheatMenu_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> RETURN TO GALLERY </a> </div> </div> <div style="display: none;"> [[CheatMenu_Dom]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; text-align: center;">First Day on the Job (Replay)</h2> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Angela first day.jpg" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); border: 2px solid #00bcd4;"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You stroll over to the administrative sector. Angela is sitting at her sleek new desk, talking on the phone. The moment she sees you approaching she immidietly hangs up. </p> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Good morning, baby.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Morning. How's the new desk treating you?</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">It's amazing. I still can't believe you pulled this off. I'm right outside Kendra's office, and I get to see you all day long.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Good to hear. Why don't we start your first day at work with a quickie?</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Here? What if someone walks in on us? I don't wanna be fired on my first day.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No one can fire you as long as I'm here. This entire corporation will be mine soon.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Okay, daddy. Take off your pants, I'm gonna give you the best blowjob ever.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">That's my girl.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Angela quickly shifts out of her chair, dropping to her knees beneath the cover of the heavy wooden desk. She looks up at you with pure adoration, eager to prove her obedience right in the middle of the corporate floor. </p> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat3.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Holy fuck. Hearing you gagging on my cock is sexy as fuck.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>*Breathing heavily*</i> Nghh... I just love the taste of your cock, daddy.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You guide her pace, keeping a watchful eye on the hallway while she enthusiastically handles you in the middle of the office. The thrill of potentially being caught only seems to make her hornier. </p> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas deepthroat4.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I need to fuck you. On the desk. Now.</div> </div> </div> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office fuck1.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Whose slut are you?</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhhh! I'm your slut, daddy. Please keep choking me, ahhhh!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You pull her up and easily lift her onto the sleek surface, scattering a few of her freshly organized files. She completely surrenders herself to your authority, her professional facade shattered. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Bend over, I wanna go deeper.</div> </div> </div> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office fuck2.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>*Breathing heavily*</i> Goshhh... nghhhk, daddyyyy!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"></div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees to take my load.</div> </div> </div> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Angelas office cum.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"></div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Mmhm, you made a mess outta me, daddy. <i>*giggles*</i></div> </div> </div> <h2 style="color: #dc143c; letter-spacing: 3px; text-transform: uppercase; margin-top: 50px; margin-bottom: 25px; text-align: center;">Meanwhile in Kendra's Office</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Unbeknownst to both of you, a small, discreet security camera is tucked away in the corner of the ceiling. In the master office down the hall, Kendra sits glued to her private monitor, unable to tear her eyes away from the live feed of your display of dominance over your wife. </p> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/Kendra office masturbating.webm" controls autoplay muted playsinline loop style="width: 100%; border-radius: 12px; border: 2px solid #dc143c; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(220, 20, 60, 0.15); border: 2px solid #dc143c; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"><img @src="$avatarKendra" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #dc143c;" alt="Kendra"></div> <div> <div style="color: #dc143c; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Kendra</div> <div style="color: #eee; font-size: 14px;">Ahh, God... I wish that was me.</div> </div> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="CheatMenu_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">RETURN TO GALLERY</a> </div> </div> <div style="display: none;">[[CheatMenu_Dom]]</div> <</nobr>>
:: Gallery_Angela_FirstAnal <<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">The First Time (Replay)</h2> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">It's been a week. I can't wait any longer. Take the plug out and show me what that hole can do.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Yes, daddy... my ass is so loose and ready for you now. Let me give you a little show first 😈</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She pulls the plug out with a wet pop, easily sliding it back in and out to prove how perfectly her tight hole has yielded to the toy. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal show.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Goddamn. You've turned into a perfect little anal slut in just one week.</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hehe... my ass belongs to you, daddy. Do whatever you want with it.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You push her onto her side, lifting her leg and sinking your thick length into her freshly stretched ass. She gasps, taking every inch with surprising ease. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal from side.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Get on top. I want to see you take it all.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> She obediently climbs over you, lowering her ass onto your cock. She whimpers as she bottoms out, then begins to ride you with a steady, sloppy rhythm. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal riding.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">On your knees. Ass in the air.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You flip her onto all fours, grabbing her hips and driving into her from behind. The loud slaps echo through the room as you relentlessly pound her stretched hole. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/angela anal doggy.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 20px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhhh! Yes, daddy! It feels so good! I'm cumming!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Open wide.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Right as you reach the edge, you pull out of her ass, grab her by the hair, and force your cock deep into her throat, pumping your hot load straight down her windpipe. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <video src="videos/cum in angelas throat after anal.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="CheatMenu_Dom" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ffb74d; border: 1px solid #ffb74d; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase;">RETURN TO GALLERY</a> </div> </div> <div style="display: none;">[[CheatMenu_Dom]]</div> <</nobr>>
<<nobr>> <style> body, #story, #passages, .passage { background: radial-gradient(circle at center, #1a202c 0%, #0d1117 100%) !important; background-color: #0d1117 !important; } </style> <div style="background: #1e2430; border-radius: 16px; padding: 35px; border: 1px solid #4a5568; max-width: 800px; margin: 40px auto; text-align: center; font-family: sans-serif; box-shadow: 0 4px 20px rgba(0,0,0,0.8);"> <h2 style="color: #e2e8f0; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; border-bottom: 1px solid #4a5568; padding-bottom: 10px;">Hospital Room</h2> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> You slowly open your eyes, wincing at the harsh fluorescent lights above you. Your entire body aches, and there is a dull throbbing in your ribs. You look down to see a nurse gently rubbing a cooling cream over the bruises the thugs left on your torso. </p> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/Nurse.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00cec9;"> </div> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">Oh, you're awake. Try not to move too quickly. You took quite a beating out there. Fortunately, nothing is broken.</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">How the hell did I end up here?</div> </div> </div> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">A passerby found you bleeding in the alley and called an ambulance. You've been out for hours. Tell me, do your ribs still hurt?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">My ribs are fine. But something else is about to explode... mind massaging that instead?</div> </div> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> You say that with an arrogant smirk, casually pulling back your thin hospital gown to completely expose your hard, throbbing dick. The nurse pauses, her eyes instantly locking onto your length. </p> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">Oh my... that's a big one. Well, patient comfort <i>is</i> our top priority here. Let's get that taken care of, shall we? *giggles*</div> </div> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> To your surprise, she doesn't hesitate. She unbuttons her clinical top, shrugging it off her shoulders to give you a full view of her breasts. She spits into her palm and wraps her soft hand tightly around you. </p> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Nurse handjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00cec9; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">How is that, honey? Is the swelling going down?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Damn, you have a good grip. But it feels a bit dry. Let's add some better lubrication. Use your mouth.</div> </div> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> She smirks, eager to please. She leans over the hospital bed, parting her lips and taking you deep into her throat. </p> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Nurse blowjob.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00cec9; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Fuck, you suck dick like a pro. Get up here and ride it. Let's see if that pussy is just as good.</div> </div> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> She eagerly sheds her panties and climbs onto the narrow hospital bed. Positioning herself over your waist, she slowly sinks down, taking every inch of you. </p> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Nurse riding.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00cec9; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">Oh my god... you're stretching me so deep! Ahhh! I haven't been fucked like this in months!</div> </div> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> Ignoring the pain in your ribs, you grab her by the hips and lift her entirely, shifting your weight so you are standing by the side of the bed while fully supporting her body against you. </p> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Nurse fucking carry.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00cec9; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <p style="color: #a0aec0; font-size: 16px; text-align: left; margin: 0 auto 20px auto; line-height: 1.6; max-width: 650px;"> The sheer force of your thrusts leaves her completely breathless. After entirely exhausting her, you lay her back down flat onto the mattress, throwing her legs over your shoulders to finish the job. </p> <div style="text-align: center; max-width: 580px; margin: 25px auto;"> <video src="videos/Nurse fucking missionary.webm" controls autoplay muted loop playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00cec9; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(0, 206, 201, 0.15); border: 2px solid #00cec9; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #00cec9; background: linear-gradient(135deg, #002b2a 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(0, 206, 201, 0.2);">👩⚕️</div> <div> <div style="color: #00cec9; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Nurse</div> <div style="color: #eee; font-size: 14px;">Ahhhhh! Fuck! I can't take it! I've already came twice... please just fill me up! Fill my pussy!</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Take it all, slut.</div> </div> </div> <div style="text-align: center; max-width: 580px; margin: 0 auto 25px auto;"> <img src="images/cum in pussy.gif" style="width: 100%; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00cec9;"> </div> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<if $dayIndex > 7>><<set $dayIndex = 1>><</if>> <<set $time = "Morning">> <<set $energy = 40>> <div style="background-color: rgba(255, 255, 255, 0.05); border: 1px solid #718096; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 25px auto; max-width: 500px;"> <span style="color: #cbd5e0; font-weight: bold; font-size: 15px; letter-spacing: 1px;">TIME PASSED: 1 DAY</span><br> <span style="color: #a0aec0; font-size: 13px;">It is now Morning. You have partially recovered your energy.</span> </div> <div style="text-align: center; margin-top: 35px;"> <a data-passage="OutsidePassage_Dom" style="display: inline-block; padding: 12px 35px; background: #2d3748; color: #e2e8f0; border: 1px solid #a0aec0; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 13px; cursor: pointer; transition: 0.2s;"> DISCHARGE AND LEAVE </a> </div> </div> <div style="display: none;">[[OutsidePassage_Dom]]</div> <</nobr>>
<<nobr>> <style> #ui-bar { display: none !important; } #story { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } #passages { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; } body { background-color: #0d0d12 !important; overflow-x: hidden; margin: 0; padding: 0; } </style> <div style="max-width: 800px; margin: 5vh auto; background: #111; border-radius: 16px; border: 1px solid #333; padding: 40px; font-family: sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.8);"> <h2 style="color: #e91e63; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin-top: 0;">Finishing Up</h2> <p style="text-align: center; color: #ccc; font-size: 16px; margin-bottom: 30px;">You lay back and follow through, completely lost in the rhythm of the videos...</p> <<if $jerkMethod == "hand">> <<set _vid = "videos/Hand jerking.webm">> <<elseif $jerkMethod == "mouth">> <<set _vid = "videos/Mouth jerking.webm">> <<elseif $jerkMethod == "dildo">> <<if $chastityCageEquipped>> <<set _vid = either("videos/Caged dildo jerking1.webm", "videos/Caged dildo jerking2.webm")>> <<else>> <<set _vid = either("videos/Dildo jerking1.webm", "videos/Dildo jerking3.webm", "videos/Dildo jerking4.webm")>> <</if>> <<elseif $jerkMethod == "stroker">> <<set _vid = "videos/Stroker jerking.webm">> <<elseif $jerkMethod == "plug">> <<set _vid = either("videos/Plug cum1.webm", "videos/Plug cum2.webm")>> <</if>> <!-- FIXED VIDEO CONTAINER --> <div style="text-align: center; margin: 0 auto 30px auto; max-width: 450px;"> <video style="max-width: 100%; max-height: 500px; width: auto; height: auto; border-radius: 16px; border: 1px solid #444; box-shadow: 0 6px 20px rgba(233,30,99,0.3); background: transparent;" controls autoplay playsinline> <<print '<source src="' + _vid + '" type="video/webm">'>> </video> </div> <div style="text-align: center; margin-top: 40px;"> <<link '<div style="display: inline-block; padding: 12px 35px; background: #e91e63; color: #fff; border-radius: 8px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;">Clean yourself up...</div>' "PCPassage">> <<set $videosWatched = 0>> <</link>> </div> </div> <!-- HIDDEN LINK --> <div style="display: none;">[[PCPassage]]</div> <</nobr>>
<<nobr>> <!-- Stat and Time Math --> <<set $energy -= 30>> <<set $jackFitness += 2>> <<set $jackSweaty = true>> <!-- TRIGGERS THE SHOWER LOCK --> <<if $time == "Morning">><<set $time = "Afternoon">> <<elseif $time == "Afternoon">><<set $time = "Evening">> <<elseif $time == "Evening">><<set $time = "Night">><</if>> <!-- Max Energy Milestone Logic --> <<set _oldMax = $maxEnergy>> <<set $maxEnergy = 100 + (Math.trunc($jackFitness / 20) * 10)>> <div style="background: #1a1a24; border-radius: 16px; padding: 30px; border: 1px solid #ff5252; max-width: 600px; margin: 40px auto; font-family: sans-serif;"> <h2 style="color: #ff5252; text-align: center; letter-spacing: 2px; margin-top: 0;">WORKOUT COMPLETE</h2> <img src="images/c58261458dee0856af558a7b23f22f6b.gif" style="width: 100%; height: 220px; object-fit: cover; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(255,82,82,0.3);"> <div style="text-align: center; color: #ddd; margin-bottom: 20px;"> You attempt to lift the heavy dumbbells, but your weak arms shake pathetically under the strain. Giving up, you drop to the floor and start mimicking your wife's old workout routine, focusing entirely on cardio and squats rather than building any real muscle. <br><br> <span style="color: #ff5252; font-weight: bold;">-30 Energy</span><br> <span style="color: #2ed573; font-weight: bold;">+2 Fitness</span><br> <span style="color: #888; font-style: italic;">Time Passes</span> </div> <<if $maxEnergy > _oldMax>> <div style="text-align: center; background: rgba(46, 213, 115, 0.1); color: #2ed573; font-weight: bold; margin-top: 15px; border: 1px dashed #2ed573; padding: 15px; border-radius: 8px;"> FITNESS MILESTONE REACHED!<br> Your Max Energy has increased to <<print $maxEnergy>>! </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <<link '<div style="display: inline-block; padding: 12px 35px; background: #ff5252; color: #fff; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Head to Showers</div>' "Gym">><</link>> </div> </div> <div style="display: none;">[[Gym]]</div> <</nobr>>
<<nobr>> <<set $jackSweaty = false>> <div style="background: #1a1a24; border-radius: 16px; padding: 30px; border: 1px solid #4fc3f7; max-width: 700px; margin: 40px auto; font-family: sans-serif;"> <h2 style="color: #4fc3f7; text-align: center; letter-spacing: 2px; margin-top: 0;">LOCKER ROOM SHOWERS</h2> <div style="background: #111; padding: 20px; border-radius: 8px; border: 1px solid #333; text-align: left; color: #ccc; margin-bottom: 30px; line-height: 1.6;"> You strip down and step into the communal gym showers. The hot water washes away the sweat and grime from your workout, but as you wash up, your eyes wander. You catch yourself staring at a heavily muscled, incredibly well-built man showering a few feet away. His physique is intimidatingly masculine. <br><br> <div style="text-align: center; margin: 15px 0;"> <video src="videos/Showering gym.webm" autoplay loop muted playsinline style="width: 100%; max-width: 450px; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(79, 195, 247, 0.3); border: 1px solid #4fc3f7;"></video> </div> He catches you staring. Rather than turning away, an arrogant, mocking smirk spreads across his face as he makes a show of gripping himself. </div> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/black guy jerking.gif" style="width: 100%; max-width: 450px; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(79, 195, 247, 0.3); border: 1px solid #4fc3f7;"> </div> <div style="background-color: rgba(79, 195, 247, 0.1); border: 2px solid #4fc3f7; border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <div style="width: 70px; height: 70px; background: #333; border-radius: 8px; border: 2px solid #4fc3f7; display: flex; align-items: center; justify-content: center; font-size: 24px;">🚿</div> </div> <div> <div style="color: #4fc3f7; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Muscular Guy</div> <div style="color: #eee; font-size: 14px;">Like what you see, little guy? You've been staring for a while. Not much to look at down there yourself, is it?</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">U-uh... sorry, sir. I was just... looking around.</div> </div> </div> <<if $equippedPlug is true>> <div style="background: #14141d; padding: 15px; border-radius: 8px; border-left: 3px solid #e91e63; text-align: left; color: #ccc; margin-bottom: 25px; line-height: 1.6;"> Before you can turn away in shame, his eyes dart downward. He notices the bright base of the plug secured between your cheeks. His mocking smirk shifts into something far more predatory as he crowds completely into your personal space. </div> <div style="background-color: rgba(233, 30, 99, 0.15); border: 2px solid #e91e63; border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <div style="width: 70px; height: 70px; background: #333; border-radius: 8px; border: 2px solid #e91e63; display: flex; align-items: center; justify-content: center; font-size: 24px;">🚿</div> </div> <div> <div style="color: #e91e63; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Muscular Guy</div> <div style="color: #eee; font-size: 14px;">Well, look at that... brought your own toy to the gym, did you? Typical white sissy.</div> </div> </div> <div style="background: #14141d; padding: 15px; border-radius: 8px; border-left: 3px solid #e91e63; text-align: left; color: #ccc; margin-bottom: 25px; line-height: 1.6;"> He corners you against the wet tiles, his imposing frame trapping you completely. You feel utterly helpless as he dominates the space, his proximity intensely overwhelming. </div> <div style="text-align: center; margin-bottom: 25px;"> <video src="videos/gym shower fingering.webm" autoplay loop muted playsinline style="width: 100%; max-width: 450px; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3); border: 1px solid #e91e63;"></video> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Ah... please... you can't do this... I'll—I'll call the cops...</div> </div> </div> <div style="background-color: rgba(233, 30, 99, 0.15); border: 2px solid #e91e63; border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <div style="width: 70px; height: 70px; background: #333; border-radius: 8px; border: 2px solid #e91e63; display: flex; align-items: center; justify-content: center; font-size: 24px;">🚿</div> </div> <div> <div style="color: #e91e63; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Muscular Guy</div> <div style="color: #eee; font-size: 14px;">Relax, sissy. I'm just looking today. But the way you're trembling... soon enough, you'll be begging for this cock.</div> </div> </div> <div style="background: #14141d; padding: 15px; border-radius: 8px; border-left: 3px solid #e91e63; text-align: left; color: #ccc; margin-bottom: 25px; line-height: 1.6;"> He steps back, leaving you shaken, and walks away with a satisfied laugh. As you catch your breath against the wall, you glance down and realize with a wave of intense shame that you are throbbing hard. </div> <div style="text-align: center; margin-bottom: 25px;"> <img src="images/hard dick2.jpg" style="width: 100%; max-width: 450px; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3); border: 1px solid #e91e63;"> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(Fuck... did being dominated like that actually turn me on...?)</div> </div> </div> <div style="text-align: center; color: #ff5252; font-size: 12px; font-style: italic; margin-top: 15px; font-weight: bold; letter-spacing: 1px;"> * More content for this encounter will be added in a future update. </div> <<else>> <div style="background: #14141d; padding: 15px; border-radius: 8px; border-left: 3px solid #4fc3f7; text-align: left; color: #ccc; margin-bottom: 30px; line-height: 1.6;"> Completely humiliated, your face burns hot red. You quickly grab your towel, stammering an incoherent apology as you rush back out to the locker room to escape his laughter. </div> <div style="text-align: center; color: #ff5252; font-size: 12px; font-style: italic; margin-top: 15px; font-weight: bold; letter-spacing: 1px;"> *Things might escalate if you shower while wearing a plug. </div> <</if>> <div style="text-align: center; margin-top: 30px;"> <<link '<div style="display: inline-block; padding: 12px 35px; background: #4fc3f7; color: #111; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">Get Dressed & Return</div>' "Gym">><</link>> </div> </div> <div style="display: none;">[[Gym]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #00bcd4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">MARITAL DUTIES</h2> <!-- ========================================== --> <!-- FIRST TIME EVENT --> <!-- ========================================== --> <<if $angelaFuckFirstTime isnot true>> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela, please... we haven't had sex in so long. My dick is throbbing, I really need a release...</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Angela looks down at your crotch with a mixture of amusement and utter disdain. She crosses her arms, letting you squirm under her gaze. </p> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Oh? Is that so? Let's see this 'throbbing' problem of yours.</div> </div> </div> <!-- NARRATIVE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You quickly strip off your pants and pull down your silky panties, fully exposing yourself. The moment she sees your erection, a cruel, breathless laugh escapes her lips. </p> </div> <!-- MAIN SCENE IMAGE --> <img src="images/small dick.jpg" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hahaha, god... is that really it? Honey, with that pathetic little clit, you couldn't satisfy me even if you pumped away all night. But... I suppose there is one way you can fuck me. Wait here.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> A hopeful smile creeps onto your face, thinking she's finally going to let you inside her. But that hope dies instantly when she turns around and tosses a heavy leather dildo onto the bed. </p> </div> <!-- MAIN SCENE IMAGE --> <img src="images/black dildo.webp" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela... what is this?</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">It's obviously a dildo, idiot. This is what a real dick is supposed to look like. Now you are going to fuck me with it.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">B-but this isn't what I meant! Please, I just want to—</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Quit whining, sissy. take the damn thing and put it in me, or get the fuck out of my bedroom.</div> </div> </div> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin-bottom: 25px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Swallowing your remaining pride, you obediently take the big dildo. Angela bends over the edge of the bed, looking back at you expectantly. With a trembling flush of humiliation, you step forward and push the thick silicone shaft into her. </p> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_strapon_first.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhh... fuck. Finally. I haven't felt a real cock in me in ages.</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">(God, I hate to admit it... but she's right. My actual dick looks completely pathetic rubbing against the base of this massive toy.)</div> </div> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_strapon_second.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ahhh, fuck... that's enough. I came so hard. Take that thing off and get out of here, sissy.</div> </div> </div> <<set $angelaFuckFirstTime = true>> <!-- ========================================== --> <!-- REPEATABLE EVENT --> <!-- ========================================== --> <<else>> <<set _randomVid = either("videos/angela_strapon1.webm", "videos/angela_strapon2.webm")>> <!-- ANGELA DIALOGUE (INTRO) --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I'm horny again sissy. Put the harness on. Try to make yourself useful for once.</div> </div> </div> <!-- RANDOM ACTION VIDEO --> <div style="text-align: center; margin-bottom: 25px;"> <video @src="_randomVid" autoplay loop muted playsinline style="width: 100%; max-width: 500px; height: auto; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3); border: 1px solid #00bcd4;"></video> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_strapon_cum.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE (FINISH) --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">What the fuck? I was the one supposed to cum sissy!</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Ahh, sorry mistress. I couldn't hold myself.</div> </div> </div> <</if>> <!-- ========================================== --> <!-- COMPACT STATS AND TIME PROGRESSION --> <!-- ========================================== --> <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 30px;"> <div style="padding: 6px 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00e5ff; border-radius: 6px; width: fit-content;"> <span style="color: #00e5ff; font-weight: bold; font-size: 12px; letter-spacing: 1px;">ANGELA DOMINATION +5</span> </div> <div style="padding: 6px 15px; background: rgba(255, 105, 180, 0.1); border: 1px dashed #ff69b4; border-radius: 6px; width: fit-content;"> <span style="color: #ff69b4; font-weight: bold; font-size: 12px; letter-spacing: 1px;">+2 FEMININITY</span> </div> <div style="padding: 6px 15px; background: rgba(255, 82, 82, 0.1); border: 1px dashed #ff5252; border-radius: 6px; width: fit-content;"> <span style="color: #ff5252; font-weight: bold; font-size: 12px; letter-spacing: 1px;">-30 ENERGY</span> </div> </div> <<set $angelaDomination += 5>> <<set $jackFemininity += 2>> <<set $energy -= 30>> <<set $angelaLastTalkDay = $dayCount>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 30px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 35px; background: #1a1a24; color: #00bcd4; border: 1px solid #00bcd4; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer; text-decoration: none;">LEAVE ROOM</a> </div> </div> <div style="display: none;">[[MainHub]]</div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: left; font-family: sans-serif;"> <h2 style="color: #e91e63; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px; text-align: center;">PROSTATE MILKING</h2> <!-- ========================================== --> <!-- FIRST TIME SCENE --> <!-- ========================================== --> <<if $angelaProstateFirstTime isnot true>> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Angela, please... my boss, Kendra... she's forcing me to wear a buttplug at the office. It's stretching me out so much, it hurts just to walk. I-I don't know what to do...</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Wait, your boss is training you? Hahaha! God, you really are pathetic. Letting women completely own your body both at work and at home. Turn around. Show it to me.</div> </div> </div> <!-- MAIN SCENE IMAGE --> <img src="images/Plugged ass.webp" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #00bcd4;"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You turn around, trembling as you expose the flared base of the plug wedged tightly between your shaved cheeks. She pauses, a wicked, degrading glint flashing in her eyes as she inspects how thoroughly you've been used. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Hahaha, god... you really have turned into a total sissy. But I suppose, since you're being such an obedient little toy for everyone, you've earned a reward. Get on the bed and spread your legs. Let's loosen that tight little hole of yours.</div> </div> </div> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela prostate1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Look at you twitching. Your tight little boypussy is practically melting around my fingers, isn't it?</div> </div> </div> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela prostate2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ahhh! M-Mistress, please... it feels so good... oh god...</div> </div> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Time to milk you dry, sissy. Be a good girl and let it all out.</div> </div> </div> <!-- VIDEO PLACEHOLDER 3 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela prostate cum.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ahhh!! Yes... thank you, Mistress... thank you...</div> </div> </div> <<set $angelaProstateFirstTime = true>> <!-- ========================================== --> <!-- REPEATABLE SCENE --> <!-- ========================================== --> <<else>> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You walk into the bedroom and silently drop to your knees at the edge of the mattress. Angela looks down at you, instantly knowing exactly what you want. She smirks, grabbing a bottle of lube from her nightstand. </p> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Addicted to my fingers already, sissy? Get up here and spread your legs. Let's see how greedy that little hole of yours has gotten today.</div> </div> </div> <!-- 2 FINGERS VIDEO --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_prostate_repeat1.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Oh fuck... yes! Your fingers feel so good... please stroke it faster, Mistress!</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Angela chuckles darkly, her other hand aggressively stroking your pathetic, leaking erection as she stretches you out further, effortlessly sliding more digits inside you. </p> <!-- 4 FINGERS VIDEO --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_prostate_repeat2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">God, you're practically hollow back here now. Four fingers and you're just swallowing them up like a good little slut. Are you going to cum from my fingers like a real girl?</div> </div> </div> <!-- JACK DIALOGUE --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Ahhh! Yes! I'm close... I'm so close! Please let me cum!</div> </div> </div> <!-- REPEAT CUM VIDEO --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/angela_prostate_repeat_cum.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- ANGELA DIALOGUE --> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Ugh, such a mess. Get up and clean yourself off, you pathetic little leaking toy.</div> </div> </div> <</if>> <!-- ========================================== --> <!-- COMPACT STATS AND TIME PROGRESSION --> <!-- ========================================== --> <div style="display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 30px;"> <div style="padding: 6px 15px; background: rgba(255, 105, 180, 0.1); border: 1px dashed #ff69b4; border-radius: 6px; width: fit-content;"> <span style="color: #ff69b4; font-weight: bold; font-size: 12px; letter-spacing: 1px;">+5 FEMININITY</span> </div> <div style="padding: 6px 15px; background: rgba(255, 82, 82, 0.1); border: 1px dashed #ff5252; border-radius: 6px; width: fit-content;"> <span style="color: #ff5252; font-weight: bold; font-size: 12px; letter-spacing: 1px;">-30 ENERGY</span> </div> </div> <<set $jackFemininity += 5>> <<set $energy -= 30>> <<set $angelaLastTalkDay = $dayCount>> <<if $time is "Morning">><<set $time = "Noon">> <<elseif $time is "Noon">><<set $time = "Afternoon">> <<elseif $time is "Afternoon">><<set $time = "Evening">> <<elseif $time is "Evening">><<set $time = "Night">><</if>> <div style="text-align: center; margin-top: 30px;"> <a data-passage="MainHub" style="display: inline-block; padding: 12px 35px; background: #1a1a24; color: #e91e63; border: 1px solid #e91e63; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer; text-decoration: none;">LEAVE ROOM</a> </div> </div> <div style="display: none;">[[MainHub]]</div> <</nobr>>
<<nobr>> <div style="background: #14141d; border: 1px solid #333; border-radius: 8px; padding: 30px; max-width: 700px; margin: 5vh auto; box-shadow: 0 4px 15px rgba(0,0,0,0.5); font-family: sans-serif;"> <h2 style="color: #dfba6b; text-align: center; letter-spacing: 2px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px;">Changelog v0.2</h2> <div style="color: #ccc; line-height: 1.6; font-size: 14px;"> <!-- GENERAL & SYSTEM CHANGES --> <b style="color: #dfba6b; font-size: 16px;">✨ System & General Updates:</b> <ul style="margin-top: 8px; margin-bottom: 25px;"> <li>The <b>Dark Alley</b> location is now officially open and packed with events for <i>both</i> routes!</li> <li>The <b>Gym</b> is now officially open and accessible for both routes.</li> <li>Added a <b>fully functional phone</b> featuring individual chat histories, interactive image replies, and smart daily anti-spam message logic. (Sub Route)</li> <li><b>Spycams</b> can now be planted and used to monitor activity after completing the Charlotte Aftermath quest. (Sub Route)</li> <li>Overhauled the PC interface with updated visuals and a sleeker UI design.</li> <li>Squashed some bugs and improved overall game stability.</li> </ul> <!-- DOM ROUTE --> <b style="color: #4fc3f7; font-size: 16px;">🟦 Dom Route Changes:</b> <ul style="margin-top: 8px; margin-bottom: 25px;"> <li>The Dom Route is now fully active, playable, and actively expanding!</li> <li>Added Dark Alley mechanics specific to Dom (ambush Omar, track down illicit hacking hardware).</li> <li>Added the Dom Prison Event system, featuring sentence skipping, fines, and guard seduction logic.</li> <li>Massively expanded the Dom Quest Log to track complex multi-stage objectives for "Crack the Laptop", "Corporate Retaliation", and "A Wife's Burden".</li> </ul> <!-- SUB ROUTE --> <b style="color: #ff69b4; font-size: 16px;">🟪 Sub Route Changes:</b> <ul style="margin-top: 8px; margin-bottom: 25px;"> <li> <b>Prison Sequence</b> featuring a multi-stage encounter with a dominant cellmate, complete with alternative guard seductions.</li> <li>Expanded the Dark Alley with T-Bone's drug dealing mechanics (push product, buy weed, buy pills, or prove yourself).</li> <li>Implemented the full "Spycam" questline to investigate Charlotte (buy, plant, and monitor the live feed on your phone).</li> <li>Reworked <b>Angela's bra quest</b> and <b>Kendra's butt plug event</b>.</li> <li>Added 2 brand new, fully interactive scenes with Angela.</li> </ul> </div> <div style="text-align: center; margin-top: 35px;"> <<link '<div style="display: inline-block; padding: 10px 30px; background: #1a1a24; color: #fff; border: 1px solid #555; border-radius: 8px; font-weight: bold; text-transform: uppercase; cursor: pointer;">BACK TO MENU</div>' "IntroChoice">> <</link>> </div> </div> <</nobr>>
<<widget "narrative">> <div style="background: #1a1a24; border-left: 3px solid #dfba6b; padding: 15px 20px; border-radius: 6px; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); color: #ccc; font-style: italic; font-size: 16px; line-height: 1.6; max-width: 750px; margin-left: auto; margin-right: auto; text-align: left;"> _args[0] </div> <</widget>>
<<nobr>> <<if typeof $tboneWorkDaySub === 'undefined'>><<set $tboneWorkDaySub = 0>><</if>> <style> body, #story, #passages, .passage { background-color: #11131c !important; } </style> <h2 style="text-align: center; color: #e91e63; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">DARK ALLEY</h2> <div style="text-align: center; margin-bottom: 35px;"> <<if $equippedPlug is true and $equippedBra is true>> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto; max-width: 650px; line-height: 1.6;"> The alleyway is suffocatingly dark. Feeling the unfamiliar pinch of the bra and the shameful fullness of the plug, every shadow feels like a predator waiting to strike. </p> <<else>> <p style="color: #ccc; font-style: italic; font-size: 15px; margin: 0 auto; max-width: 650px; line-height: 1.6;"> A secluded, narrow alleyway tucked between two abandoned storefronts. It smells like damp brick, cheap smoke, and bad decisions. The perfect spot for illicit business. </p> <</if>> </div> <img src="images/Dark alley.jpeg" style="width: 100%; max-width: 600px; border-radius: 12px; display: block; margin: 0 auto 30px auto; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <!-- ============================================== --> <!-- INTERACTIVE ALLEYWAY MENU (CARD STYLE) --> <!-- ============================================== --> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;"> <!-- BUTTON 1: THE DEALER (NIGHT ONLY) --> <<if $time == "Night" || $time == "Late Night">> <a data-passage="DealerPassage_Sub" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: pointer;"> <img src="images/alley_dealer.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #2ed573; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">TALK TO DEALER</span> </div> </a> <<else>> <div style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: not-allowed; opacity: 0.6;"> <img src="images/alley_dealer.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) brightness(0.4);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 10px; text-transform: uppercase;">ALLEY EMPTY<br>(NIGHT ONLY)</span> </div> </div> <</if>> <!-- BUTTON 2: THE PROSTITUTE (AFTERNOON - LATE NIGHT) --> <<if $time == "Afternoon" || $time == "Evening" || $time == "Night" || $time == "Late Night">> <a data-passage="Alley_Prostitute_Sub" style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: pointer;"> <img src="images/alley_prostitute.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #ff4757; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 11px; text-transform: uppercase;">FIND PROSTITUTE</span> </div> </a> <<else>> <div style="display: block; position: relative; width: 180px; height: 240px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.7); cursor: not-allowed; opacity: 0.6;"> <img src="images/alley_prostitute.jpg" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%) brightness(0.4);"> <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%);"></div> <div style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;"> <span style="color: #888; font-weight: bold; font-family: sans-serif; letter-spacing: 1.5px; font-size: 10px; text-transform: uppercase;">ALLEY EMPTY<br>(AFTERNOON+)</span> </div> </div> <</if>> </div> <!-- Return Button --> <div style="text-align: center; margin-top: 50px;"> <a data-passage="OutsidePassage" style="padding: 12px 30px; background: #141414; color: #e91e63; border: 1px solid #e91e63; border-radius: 8px; font-weight: bold; cursor: pointer; text-decoration: none;"> RETURN TO MAP </a> </div> <!-- Hidden Links --> <div style="display: none;"> [[DealerPassage_Sub]] [[Alley_Prostitute_Sub]] [[OutsidePassage]] </div> <</nobr>>
<<nobr>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #e91e63; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(233, 30, 99, 0.1);"> <h2 style="color: #e91e63; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">On Your Knees</h2> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Please, sir. My life is falling apart and I desperately need the cash. Just give me one chance on the corner. I swear I'll do whatever it takes.</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Not convinced, boy. Talk is cheap on the streets. You gotta prove you're actually willing to do anything to earn your keep.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">I am. I swear I can prove it. Just tell me what you need me to do.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> T-Bone chuckles darkly, his eyes locking onto yours as he casually reaches down and unzips his pants. A heavy, intimidating length springs free into the cold alley air. </p> <!-- MAIN SCENE IMAGE --> <img src="images/black dick.png" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffeb3b;"> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Prove it then. Get on your knees and take care of this, and the job is yours.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">I... I can't do this. I'm not... I'm a straight man...</div> </div> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Listen carefully, sissy. You either drop to your knees right now and do exactly what I tell you, or you get the fuck out of my alley and never show your face here again.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">Fine... fine, I'll do it. <span style="color: #aaa;">(I can't believe I'm actually doing this...)</span></div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Swallowing the last shreds of your pride, you slowly sink to your knees on the filthy pavement. T-Bone's mocking laughter dies in his throat, replaced by a dark, amused smirk as you lean forward. He grabs a fistful of your hair, asserting complete physical dominance as he forces you to service him right there in the shadows. </p> <!-- VIDEO PLACEHOLDER 1 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/public bbc blowjob.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ffeb3b; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Fuck, sissy... you take it like a natural.</div> </div> </div> <div style="background-color: rgba(100, 100, 100, 0.15); border: 2px solid #888; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; min-width: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #888;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px; font-style: italic;">*Ghhk... glp...* <span style="color: #aaa;">(It's so thick... it's barely fitting in my mouth... he's choking me...)</span></div> </div> </div> <!-- VIDEO PLACEHOLDER 2 --> <div style="text-align: center; max-width: 480px; margin: 25px auto;"> <video src="videos/public bbc blowjob2.webm" controls autoplay muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ffeb3b; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Swallow it all, bitch. Here it comes.</div> </div> </div> <!-- MAIN SCENE IMAGE --> <img src="images/public bbc cum.gif" style="width: 100%; max-width: 400px; border-radius: 8px; display: block; margin: 0 auto 25px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffeb3b;"> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Goddamn. With a mouth like that, you'll earn a lot of money out here. Now wipe your face and take this bag. Start pushing my product, and don't disappoint me.</div> </div> </div> <<set $tboneSubDeal = true>> <<set $jackFemininity += 10>> <div style="border: 1px solid #e91e63; background-color: rgba(233, 30, 99, 0.1); border-radius: 8px; padding: 15px; margin: 15px auto; max-width: 600px; text-align: center;"> <span style="color: #e91e63; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;">FEMININITY +10</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="DarkAlleySub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #e91e63; border: 1px solid #e91e63; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> WIPE YOUR MOUTH AND STAND UP </a> </div> </div> <div style="display: none;">[[DarkAlleySub]]</div> <</nobr>>
<<nobr>> <<set _bustChance to random(1, 100)>> <<if _bustChance <= 30>> <!-- BUSTED EVENT --> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #ff5252; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 0 20px rgba(255, 82, 82, 0.2);"> <h2 style="color: #ff5252; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Busted</h2> <img src="images/police_bust.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; border: 2px solid #ff5252; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3);"> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You nervously hand over the package, your hands trembling. But suddenly the street lights up with flashing red and blue. Sirens wail as patrol cars block the exits. You freeze like a deer in headlights, whimpering as you are violently pinned against the brick wall. </p> <div style="background-color: rgba(65, 105, 225, 0.15); border: 2px solid #4169e1; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #4169e1; background: #111; display: flex; align-items: center; justify-content: center; font-size: 30px;">👮</div> <div> <div style="color: #4169e1; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Police Officer</div> <div style="color: #eee; font-size: 14px;">Don't even think about moving, sweetheart! Hands behind your back. You're going away for a long time.</div> </div> </div> <<set $prisonDaysLeft = 10>> <<set $prisonSeduce1Used = false>> <<set $prisonSeduce2Used = false>> <<set $tboneWorkDaySub = $dayIndex>> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="Prison_Cell_Sub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> GO TO PRISON </a> </div> </div> <<else>> <!-- SUCCESSFUL DEALING EVENT --> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Submissive Earner</h2> <<set $energy -= 30>> <<set $money += 800>> <<set $tboneWorkDaySub = $dayIndex>> <<set $time = "Night">> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> For the next few hours, you stand on a dimly lit street corner, pushing T-Bone's product. You are terrified, but the thugs who buy from you seem to like how timid and eager to please you act. They grope you and throw degrading insults, but you endure it, returning to the alley to hand T-Bone his cut like a good little earner. </p> <img src="images/drug dealer.gif" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 15px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.6); border: 2px solid #ffeb3b;"> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Look at all this cash. You're a natural bottom, aren't you? Come back tomorrow if you want to get used again.</div> </div> </div> <div style="background-color: rgba(255, 82, 82, 0.1); border: 1px solid #ff5252; border-radius: 8px; padding: 15px; text-align: center; margin: 25px auto 15px auto; max-width: 600px;"> <span style="color: #ff5252; font-weight: bold; font-size: 16px; letter-spacing: 1px;">⚡ ENERGY -30</span> </div> <div style="background-color: rgba(46, 213, 115, 0.1); border: 1px solid #4CAF50; border-radius: 8px; padding: 15px; text-align: center; margin: 15px auto; max-width: 600px;"> <span style="color: #4CAF50; font-weight: bold; font-size: 16px; letter-spacing: 1px;">💰 MONEY +$800</span> </div> <div style="display: flex; justify-content: center; margin-top: 35px;"> <a data-passage="DarkAlleySub" style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #dfba6b; border: 1px solid #dfba6b; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE THE ALLEY </a> </div> </div> <</if>> <!-- HIDDEN LINKS --> <div style="display: none;"> [[Prison_Cell_Sub]] [[DarkAlleySub]] </div> <</nobr>>
<<nobr>> <<if typeof $tboneWorkDaySub === 'undefined'>><<set $tboneWorkDaySub = 0>><</if>> <div style="background: #2b2b36; border-radius: 16px; padding: 35px; border: 1px solid #222; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ffeb3b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">T-BONE</h2> <div style="text-align: center; margin: 0 auto 25px auto;"> <div style="width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 3px solid #ffeb3b; background: linear-gradient(135deg, #2a2a35 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 45px; box-shadow: 0 4px 15px rgba(255, 235, 59, 0.2);">🕶️</div> </div> <<if not $tboneSubDeal>> <!-- REJECTION DIALOGUE --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 35px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">Nah, you ain't suited for this, white boy. You look too soft. My runners need to be tough. You look like you belong on your knees, not on my corners.</div> </div> </div> <!-- SINGLE BUTTON: PROVE YOURSELF --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 15px;"> <<if $jackFemininity >= 60>> <a data-passage="TBoneSub_BJ_Event" style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #e91e63; border-radius: 8px; padding: 10px; cursor: pointer; text-decoration: none; box-shadow: 0 4px 10px rgba(233, 30, 99, 0.2);"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #e91e63; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px;">🍆</div> <div style="color: #e91e63; font-weight: bold; font-size: 12px; text-transform: uppercase;">PROVE YOURSELF</div> <div style="color: #ffb74d; font-size: 9px; font-weight: bold; margin-top: 5px;">(GET ON KNEES)</div> </a> <<else>> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #555; border-radius: 8px; padding: 10px; opacity: 0.7;"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #555; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; filter: grayscale(100%);">🍆</div> <div style="color: #777; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center;">PROVE YOURSELF<br><span style="font-size: 9px; color: #ff5252;">(NEEDS FEM 60)</span></div> </div> <</if>> </div> <<else>> <!-- ACCEPTANCE DIALOGUE --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 35px; text-align: left;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 30px;">🕶️</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">T-Bone</div> <div style="color: #eee; font-size: 14px;">There's my favorite little earner. Wanna buy some stash? Or are you here to push some product for me tonight?</div> </div> </div> <!-- THE 3 SQUARE BUTTONS (WORK, WEED, PILLS) --> <div style="display: flex; justify-content: center; gap: 20px; margin-top: 15px; flex-wrap: wrap; align-items: flex-start;"> <!-- BUTTON 1: PUSH PRODUCT --> <<if $tboneWorkDaySub neq $dayIndex>> <<if $energy >= 30>> <a data-passage="TBone_Work_Sub" style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #9b59b6; border-radius: 8px; padding: 10px; cursor: pointer; text-decoration: none; box-shadow: 0 4px 10px rgba(155, 89, 182, 0.1);"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #9b59b6; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">⏳</div> <div style="color: #9b59b6; font-weight: bold; font-size: 11px; text-transform: uppercase;">PUSH PRODUCT</div> <div style="color: #ff5252; font-size: 9px; font-weight: bold; margin-top: 5px;">(30% RISK)</div> </a> <<else>> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 10px; opacity: 0.7;"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; filter: grayscale(100%);">⏳</div> <div style="color: #ff5252; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center;">LOW ENERGY<br><span style="font-size: 9px;">(Needs 30)</span></div> </div> <</if>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #555; border-radius: 8px; padding: 10px; opacity: 0.7;"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #555; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; filter: grayscale(100%);">⌛</div> <div style="color: #777; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center;">SHIFT DONE<br><span style="font-size: 9px;">(Return tomorrow)</span></div> </div> <</if>> <!-- BUTTON 2: BUY WEED --> <<if $money >= 300>> <<link '<span style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #2ed573; border-radius: 8px; padding: 10px; cursor: pointer; text-decoration: none; box-shadow: 0 4px 10px rgba(46, 213, 115, 0.1);"> <span style="display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #2ed573; margin-bottom: 10px; font-size: 25px; box-shadow: 0 0 10px rgba(46, 213, 115, 0.2);">🌿</span> <span style="color: #2ed573; font-weight: bold; font-size: 11px; text-transform: uppercase;">BUY WEED</span> <span style="color: #2ed573; font-size: 9px; font-weight: bold; margin-top: 5px;">($300)</span> </span>' "DealerPassage_Sub">> <<set $money -= 300>> <<set $inventoryWeedSub = ($inventoryWeedSub || 0) + 1>> <</link>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 10px; opacity: 0.7;"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; filter: grayscale(100%);">🌿</div> <div style="color: #ff5252; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center;">NOT ENOUGH<br><span style="font-size: 9px;">($300)</span></div> </div> <</if>> <!-- BUTTON 3: BUY PILLS --> <<if $money >= 500>> <<link '<span style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #4fc3f7; border-radius: 8px; padding: 10px; cursor: pointer; text-decoration: none; box-shadow: 0 4px 10px rgba(79, 195, 247, 0.1);"> <span style="display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #4fc3f7; margin-bottom: 10px; font-size: 25px; box-shadow: 0 0 10px rgba(79, 195, 247, 0.2);">💊</span> <span style="color: #4fc3f7; font-weight: bold; font-size: 11px; text-transform: uppercase;">BUY PILLS</span> <span style="color: #4fc3f7; font-size: 9px; font-weight: bold; margin-top: 5px;">($500)</span> </span>' "DealerPassage_Sub">> <<set $money -= 500>> <<set $inventoryPillsSub = ($inventoryPillsSub || 0) + 1>> <</link>> <<else>> <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 140px; height: 140px; background: #1a1a24; border: 1px solid #ff5252; border-radius: 8px; padding: 10px; opacity: 0.7;"> <div style="width: 50px; height: 50px; background: #111; border-radius: 6px; border: 1px solid #ff5252; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; font-size: 25px; filter: grayscale(100%);">💊</div> <div style="color: #ff5252; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center;">NOT ENOUGH<br><span style="font-size: 9px;">($500)</span></div> </div> <</if>> </div> <</if>> <!-- RETURN BUTTON --> <div style="text-align: center; margin-top: 50px;"> <a data-passage="DarkAlleySub" style="display: inline-block; padding: 12px 40px; background: #1a1a24; color: #ddd; border: 1px solid #888; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;"> LEAVE ALLEY </a> </div> </div> <div style="display: none;"> [[TBoneSub_BJ_Event]] [[TBone_Work_Sub]] [[DarkAlleySub]] </div> <</nobr>>
<!-- EXTRA NARRATIVE / TEXT BLOCK --> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 12px 16px; border-radius: 6px;"> <p style="color: #ddd; font-style: italic; font-size: 15px; line-height: 1.5; margin: 0;"> (WIP). </p> </div>
<<nobr>> <!-- Initialize Prison Sentence --> <<if typeof $prisonDaysLeft === 'undefined' or $prisonDaysLeft < 0>> <<set $prisonDaysLeft = 10>> <</if>> <!-- Setup variables for Sub Route --> <<if $prisonDaysLeft == 10>> <<if not $prisonSetupDoneSub>> <<set $prisonSeduceMaleUsed = false>> <<set $prisonSetupDoneSub = true>> <</if>> <<else>> <!-- Clear the setup flag once days drop so it's ready for your next arrest --> <<set $prisonSetupDoneSub = false>> <</if>> <!-- Female guard can only be seduced ONCE FOREVER --> <<if typeof $prisonSeduceFemaleUsedSub === 'undefined'>> <<set $prisonSeduceFemaleUsedSub = false>> <</if>> <div style="background: #1a1a24; border-radius: 16px; padding: 35px; border: 2px solid #555; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #ff69b4; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Prison Cell</h2> <img src="images/prison_cell.jpg" style="width: 100%; max-width: 650px; border-radius: 12px; display: block; margin: 0 auto 25px auto; border: 2px solid #555;"> <<if $prisonDaysLeft > 0>> <p style="color: #ccc; font-size: 15px; margin-bottom: 25px;"> You got sloppy pushing product and the cops grabbed you. You are currently serving time. <br> <span style="color: #ff5252; font-weight: bold; font-size: 18px;">Days remaining: <<print $prisonDaysLeft>></span> </p> <!-- FIRST DAY EVENT (CELLMATE ENCOUNTER) --> <<if $prisonDaysLeft == 10>> <!-- NARRATIVE 1 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> The heavy iron door slams shut behind you with a deafening clang. You slowly turn around and freeze. Your new cellmate is a massive Black man casually sitting on the toilet reading a magazine. He lowers the pages, his heavy gaze slowly raking up and down your soft frame. A sudden shiver runs down your spine. </p> </div> <!-- CELLMATE DIALOGUE 1 --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 235, 59, 0.2);">💀</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Cellmate</div> <div style="color: #eee; font-size: 14px;">Well, what a lucky day. They brought me a soft little sissy to take care of my needs. Get on your knees, boy. Let's see how pretty that mouth is.</div> </div> </div> <!-- JACK DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Please, I don't want any trouble, just---</div> </div> </div> <!-- NARRATIVE 1 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> He stands up and grab your neck before you could finish your sentence. </p> </div> <!-- CELLMATE DIALOGUE 1 --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 235, 59, 0.2);">💀</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Cellmate</div> <div style="color: #eee; font-size: 14px;">I said on your knees, boy. You don't wanna piss me off.</div> </div> </div> <!-- VIDEO 1: FIRST BJ --> <div style="text-align: center; max-width: 480px; margin: 0 auto 25px auto;"> <video src="videos/cellmate_bj1.webm" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ffeb3b; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Gulping for air)</i> Please, that's enough... I can't take anym—</div> </div> </div> <!-- NARRATIVE 2 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> He firmly guides your head back down, pushing himself deep into your throat once again. </p> </div> <!-- VIDEO 2: SECOND BJ --> <div style="text-align: center; max-width: 480px; margin: 0 auto 25px auto;"> <video src="videos/cellmate_bj2.webm" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ffeb3b; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- CELLMATE DIALOGUE 2 --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 235, 59, 0.2);">💀</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Cellmate</div> <div style="color: #eee; font-size: 14px;">Oh, we're going to have a great time together, sissy. Turn around and let me see that pretty boypussy.</div> </div> </div> <!-- JACK DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No, please... anything but that. I've never taken anything that big before. I'll use my mouth all day, just please spare me that... <i>(You whine, though a shameful thrill races through you).</i></div> </div> </div> <!-- CELLMATE DIALOGUE 2 --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 235, 59, 0.2);">💀</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Cellmate</div> <div style="color: #eee; font-size: 14px;">Stop whining, sissy. We both know you're going to enjoy it. Plus taking a dick up your ass is better than taking my fist in your face.</div> </div> </div> <!-- NARRATIVE 4: THE RESCUE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 35px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> He bends you over the toilet as his heavy hand lands a stinging slap on your rear. You let out a high-pitched yelp, your hips instinctively pushing back against him as he teases your entrance. He grabs your waist, ready to take you entirely... </p> <!-- VIDEO 3: SPANKING --> <div style="text-align: center; max-width: 480px; margin: 0 auto 25px auto;"> <video src="videos/cellmate_spanking.webm" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #ffeb3b; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- CELLMATE DIALOGUE 4 --> <div style="background-color: rgba(255, 235, 59, 0.15); border: 2px solid #ffeb3b; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #ffeb3b; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(255, 235, 59, 0.2);">💀</div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Cellmate</div> <div style="color: #eee; font-size: 14px;">Damn, this little hole is just begging to be used. Let's see if we can turn you into a real woman, boy.</div> </div> </div> <!-- NARRATIVE 4: THE RESCUE --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Just as he positions himself behind you, ready to claim you completely, a nightstick clangs loudly against the iron bars. A guard unlocks the door, glaring inside. "Hands behind your back, big guy! You're going straight to isolation!" <br><br> The cellmate groans in frustration as he is swiftly cuffed and dragged away. Left completely alone in the quiet cell, you collapse onto the cot—breathless, sore, and secretly disappointed that he didn't finish the job. </p> </div> <!-- JACK DIALOGUE 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 35px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Oh, thank goodness... but... why do I feel so empty?)</i></div> </div> </div> <</if>> <div style="display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 20px;"> <!-- SLEEP TO PASS TIME --> <div style="text-align: center;"> <<link '<span style="display: inline-block; padding: 12px 30px; background: #333; color: #fff; border: 1px solid #777; border-radius: 8px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.5);">SLEEP (PASS 1 DAY)</span>' "Prison_Cell_Sub">> <<set $prisonDaysLeft -= 1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <</link>> </div> <!-- OTHER ACTION BUTTONS --> <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 10px;"> <!-- SEDUCE MALE GUARD --> <<if not $prisonSeduceMaleUsed>> <<if $jackFemininity >= 60>> <<link '<span style="display: inline-block; padding: 12px 20px; background: rgba(155, 89, 182, 0.1); color: #9b59b6; border: 1px solid #9b59b6; border-radius: 8px; cursor: pointer; font-weight: bold;">SEDUCE MALE GUARD</span>' "Prison_Seduce_Male_Sub">> <<set $prisonSeduceMaleUsed = true>> <!-- Halves the remaining days --> <<set $prisonDaysLeft = Math.ceil($prisonDaysLeft / 2)>> <</link>> <<else>> <span style="display: inline-block; padding: 12px 20px; background: rgba(122, 122, 122, 0.1); color: #777; border: 1px solid #555; border-radius: 8px; opacity: 0.7;">SEDUCE MALE GUARD (Need 60 Fem)</span> <</if>> <</if>> <!-- PAY FINE --> <<if $money >= 3000>> <<link '<span style="display: inline-block; padding: 12px 20px; background: rgba(46, 213, 115, 0.2); color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; cursor: pointer; font-weight: bold;">PAY FINE ($3000)</span>' "MainHub">> <<set $money -= 3000>> <<set $prisonDaysLeft = -1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $time = "Morning">> <</link>> <<else>> <span style="display: inline-block; padding: 12px 20px; background: rgba(255, 82, 82, 0.2); color: #ff5252; border: 1px solid #ff5252; border-radius: 8px; opacity: 0.5;">NOT ENOUGH FOR FINE ($3000)</span> <</if>> </div> </div> <<else>> <!-- SENTENCE COMPLETE --> <p style="color: #2ed573; font-weight: bold; font-size: 18px; margin-bottom: 25px;"> Your sentence is complete. You survived. </p> <<link '<span style="display: inline-block; padding: 12px 30px; background: #1a1a24; color: #2ed573; border: 1px solid #2ed573; border-radius: 8px; text-decoration: none; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; cursor: pointer;">LEAVE PRISON</span>' "MainHub">> <<set $prisonDaysLeft = -1>> <<set $dayCount += 1>> <<set $dayIndex += 1>> <<set $time = "Morning">> <</link>> <</if>> </div> <!-- HIDDEN LINKS TO PREVENT TWINE ERRORS --> <div style="display: none;"> [[MainHub]] [[Prison_Seduce_Male_Sub]] </div> <</nobr>>
<<nobr>> <<if $hasSmartphone>> <div id="phone-zoom-container" onclick="$(this).fadeOut(200);" style="display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.92); z-index: 9999999; cursor: pointer; align-items: center; justify-content: center;"> <img id="phone-zoom-img" src="" style="max-width: 90vw; max-height: 90vh; border-radius: 12px; object-fit: contain; box-shadow: 0 10px 40px rgba(0,0,0,1);"> <div style="position: absolute; top: 25px; right: 40px; color: white; font-size: 35px; font-weight: bold; text-shadow: 0 2px 10px rgba(0,0,0,0.8);">✖</div> </div> <div id="phone-overlay-container" style="display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.85); z-index: 999999; backdrop-filter: blur(8px);"> <div onclick="$('#phone-overlay-container').fadeOut(200); SugarCube.State.variables.laurenWaitingForPic = false; SugarCube.State.variables.charlotteWaitingForReply = false;" style="position: absolute; top: 30px; right: 40px; font-size: 40px; color: #fff; cursor: pointer; text-shadow: 0 2px 10px rgba(0,0,0,0.8); z-index: 1000000;">✖</div> <div style="width: 340px; height: 680px; background: #050505; border-radius: 45px; margin: 5vh auto; position: relative; box-shadow: 0 40px 80px rgba(0,0,0,0.9), 0 0 50px rgba(28,181,224,0.15), inset 0 0 0 2px #333, inset 0 0 0 8px #000, inset 0 4px 10px rgba(255,255,255,0.2); padding: 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #fff; box-sizing: border-box;"> <div style="width: 100%; height: 100%; background: #000; border-radius: 35px; position: relative; overflow: hidden; box-shadow: inset 0 0 15px rgba(0,0,0,1);"> <div style="position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 100px; height: 28px; background: #000; border-radius: 20px; z-index: 999; box-shadow: inset 0 -2px 5px rgba(255,255,255,0.1), 0 2px 10px rgba(0,0,0,0.5);"></div> <div style="position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); pointer-events: none; z-index: 998; transform: rotate(-15deg);"></div> <div style="position: absolute; top: 0; left: 0; right: 0; padding: 16px 25px 0 25px; display: flex; justify-content: space-between; font-size: 13px; font-weight: bold; z-index: 990; text-shadow: 0 1px 3px rgba(0,0,0,0.8);"> <span><<print $time>></span> <span style="display: flex; gap: 5px; align-items: center;"> <span style="font-size: 10px;">📶</span> <span style="font-size: 10px;">🔋</span> </span> </div> <div id="mp-home" style="position: absolute; inset: 0; background: linear-gradient(135deg, #1cb5e0 0%, #000046 100%); display: block; padding: 80px 25px 20px 25px; z-index: 1;"> <div style="display: flex; gap: 25px; flex-wrap: wrap;"> <div onclick="$('#mp-home').hide(); $('#mp-msg-list').fadeIn(150); SugarCube.State.variables.activeChat = 'none'; $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); $('#sidebar-phone-btn').removeClass('sidebar-shake');" style="width: 65px; text-align: center; cursor: pointer; position: relative;"> <div style="width: 65px; height: 65px; border-radius: 16px; background: linear-gradient(180deg, #4cd964 0%, #34c759 100%); color: #fff; font-size: 38px; line-height: 65px; text-align: center; margin-bottom: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.4);">💬</div> <div style="font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-weight: 500;">Messages</div> <<if $unreadMessages > 0>> <div id="home-msg-badge" style="position: absolute; top: -5px; right: -5px; background: #ff3b30; color: white; font-size: 12px; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center; border: 2px solid #1cb5e0;"><<print $unreadMessages>></div> <</if>> </div> <div onclick="$('#mp-home').hide(); $('#mp-gallery-view').fadeIn(150);" style="width: 65px; text-align: center; cursor: pointer; position: relative;"> <div style="width: 65px; height: 65px; border-radius: 16px; background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%); color: #ff2d55; font-size: 38px; line-height: 65px; text-align: center; margin-bottom: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,1);">🖼️</div> <div style="font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-weight: 500;">Photos</div> </div> <<if $spycamPlantedMain or $spycamPlantedCharlotte or $spycamPlantedLivingRoom or $spycamPlantedKitchen>> <div onclick="$('#mp-home').hide(); $('#mp-cam-view').fadeIn(150); SugarCube.State.variables.camAlertActive = false; $('#sidebar-phone-btn').removeClass('sidebar-shake');" style="width: 65px; text-align: center; cursor: pointer; position: relative;"> <div style="width: 65px; height: 65px; border-radius: 16px; background: linear-gradient(180deg, #333 0%, #111 100%); color: #fff; font-size: 38px; line-height: 65px; text-align: center; margin-bottom: 8px; box-shadow: 0 8px 15px rgba(0,0,0,0.4), inset 0 2px 4px rgba(255,255,255,0.3); border: 1px solid #555;">🎥</div> <div style="font-size: 12px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-weight: 500;">Cams</div> <<if $camAlertActive is true>> <div style="position: absolute; top: -5px; right: -5px; background: #ff3b30; color: white; font-size: 12px; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center; border: 2px solid #1cb5e0;">!</div> <</if>> </div> <</if>> </div> </div> <div id="mp-msg-list" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 2; padding-bottom: 30px;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span id="phone-msg-header-back" onclick="if(SugarCube.State.variables.activeChat !== 'none'){ SugarCube.State.variables.activeChat = 'none'; $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); } else { $('#mp-msg-list').hide(); $('#mp-home').fadeIn(150); if(SugarCube.State.variables.unreadMessages > 0) { $('#home-msg-badge').text(SugarCube.State.variables.unreadMessages).show(); } else { $('#home-msg-badge').hide(); $('#sidebar-phone-btn .notification-badge').remove(); } }" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Home</span> <span id="phone-msg-header-title">Messages</span> <span style="width: 50px;"></span> </div> <div id="phone-messages-wrapper"> <<include "PhoneMessagesApp">> </div> </div> <div id="mp-gallery-view" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 2; padding-bottom: 30px;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="$('#mp-gallery-view').hide(); $('#mp-home').fadeIn(150);" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Home</span> <span>Gallery</span> <span style="width: 50px;"></span> </div> <div id="phone-gallery-wrapper"> <<include "PhoneGalleryApp">> </div> </div> <div id="mp-cam-view" style="position: absolute; inset: 0; background: #000; display: none; overflow-y: scroll; z-index: 2; padding-bottom: 40px;"> <div style="background: rgba(20,20,20,0.85); backdrop-filter: blur(15px); padding: 50px 15px 15px 15px; font-weight: bold; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; font-size: 16px;"> <span onclick="$('#mp-cam-view').hide(); $('#mp-home').fadeIn(150);" style="cursor: pointer; color: #0a84ff; font-weight: normal;">❮ Home</span> <span>Live Feeds</span> <span style="width: 50px;"></span> </div> <div style="padding: 15px; display: flex; flex-direction: column; gap: 20px;"> <<if $spycamPlantedCharlotte>> <div style="background: #111; border-radius: 12px; border: 1px solid #333; overflow: hidden; position: relative;"> <div style="position: absolute; top: 10px; left: 10px; background: rgba(255,0,0,0.8); color: white; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold; z-index: 5;">REC 🔴</div> <<if $questSpycam == "watch_feed">> <div style="width: 100%; height: 160px; background: #000; position: relative; cursor: pointer;" onclick="$('#phone-zoom-img').attr('src', 'images/charlotte_spied.gif'); $('#phone-zoom-container').css('display', 'flex').hide().fadeIn(200); SugarCube.State.variables.questSpycam = 'tell_angela'; if(!SugarCube.State.variables.phoneGallery.includes('images/charlotte_spied.gif')){ SugarCube.State.variables.phoneGallery.push('images/charlotte_spied.gif'); } $(this).find('#cam-alert-txt').fadeOut();"> <img src="images/charlotte_spied_thumb.jpg" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.6;"> <div style="position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 40px; color: rgba(255,255,255,0.8);">▶</div> <div id="cam-alert-txt" style="position: absolute; top: 10px; right: 10px; background: #ff3b30; color: white; font-size: 10px; padding: 3px 8px; border-radius: 4px; font-weight: bold; z-index: 5; box-shadow: 0 2px 5px rgba(0,0,0,0.5);">MOTION DETECTED</div> </div> <<else>> <div style="width: 100%; height: 160px; background: #222; display: flex; align-items: center; justify-content: center; color: #555;">[Charlotte Cam Feed]</div> <</if>> <div style="padding: 10px; font-size: 12px; font-weight: bold; color: #dfba6b; text-align: center; letter-spacing: 1px;">CHARLOTTE'S ROOM</div> </div> <</if>> <<if $spycamPlantedMain>> <div style="background: #111; border-radius: 12px; border: 1px solid #333; overflow: hidden; position: relative;"> <div style="position: absolute; top: 10px; left: 10px; background: rgba(255,0,0,0.8); color: white; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold; z-index: 5;">REC 🔴</div> <div style="width: 100%; height: 160px; background: #222; display: flex; align-items: center; justify-content: center; color: #555;">[Main Bedroom Feed]</div> <div style="padding: 10px; font-size: 12px; font-weight: bold; color: #dfba6b; text-align: center; letter-spacing: 1px;">MASTER BEDROOM</div> </div> <</if>> <<if $spycamPlantedLivingRoom>> <div style="background: #111; border-radius: 12px; border: 1px solid #333; overflow: hidden; position: relative;"> <div style="position: absolute; top: 10px; left: 10px; background: rgba(255,0,0,0.8); color: white; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold; z-index: 5;">REC 🔴</div> <div style="width: 100%; height: 160px; background: #222; display: flex; align-items: center; justify-content: center; color: #555;">[Living Room Feed]</div> <div style="padding: 10px; font-size: 12px; font-weight: bold; color: #dfba6b; text-align: center; letter-spacing: 1px;">LIVING ROOM</div> </div> <</if>> <<if $spycamPlantedKitchen>> <div style="background: #111; border-radius: 12px; border: 1px solid #333; overflow: hidden; position: relative;"> <div style="position: absolute; top: 10px; left: 10px; background: rgba(255,0,0,0.8); color: white; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold; z-index: 5;">REC 🔴</div> <div style="width: 100%; height: 160px; background: #222; display: flex; align-items: center; justify-content: center; color: #555;">[Kitchen Feed]</div> <div style="padding: 10px; font-size: 12px; font-weight: bold; color: #dfba6b; text-align: center; letter-spacing: 1px;">KITCHEN</div> </div> <</if>> </div> </div> </div> </div> </div> <</if>> <</nobr>>
<<nobr>> <!-- SAFETY NET FOR OLD SAVES --> <<if ndef $msgLauren>><<set $msgLauren = []>><<set $unreadLauren = 0>><<set $tickLauren = 0>><</if>> <<if ndef $msgCharlotte>><<set $msgCharlotte = []>><<set $unreadCharlotte = 0>><<set $tickCharlotte = 0>><</if>> <<if ndef $msgAngela>><<set $msgAngela = []>><<set $unreadAngela = 0>><<set $tickAngela = 0>><</if>> <<if ndef $msgKendra>><<set $msgKendra = []>><<set $unreadKendra = 0>><<set $tickKendra = 0>><</if>> <<if ndef $msgTyron>><<set $msgTyron = []>><<set $unreadTyron = 0>><<set $tickTyron = 0>><</if>> <<if ndef $globalMsgTick>><<set $globalMsgTick = 0>><</if>> <<if ndef $activeChat>><<set $activeChat = "none">><</if>> <!-- ========================================== --> <!-- CHARLOTTE RANDOM PHONE MESSAGES --> <!-- ========================================== --> <<if $hasSmartphone is true>> <<if ndef $lastCharlotteMessageDay>><<set $lastCharlotteMessageDay = 0>><</if>> <!-- Check if a new day has started --> <<if $dayCount > $lastCharlotteMessageDay>> <!-- Update the tracker immediately so it only rolls ONCE per day! --> <<set $lastCharlotteMessageDay to $dayCount>> <!-- 20% chance to text on this specific day --> <<if random(1, 100) <= 20>> <!-- POOL 2: SPYCAM QUEST COMPLETED --> <<if $questSpycam == "completed">> <<set $msgCharlotte = []>> <!-- CLEAR OLD MESSAGES --> <<set $unreadCharlotte += 1>> <<set $unreadMessages += 1>> <<set $globalMsgTick += 1>><<set $tickCharlotte = $globalMsgTick>> <<set _cRandom to random(1, 2)>> <<if _cRandom == 1>> <<run $msgCharlotte.push({sender: "Charlotte", time: $time, text: "Hey, Mom told me you've been spying on me. Why didn't you just ask me to send you videos of me getting railed by real men? Watch and learn, sissy.", img: "images/charlotte_railed.gif", avatar: $avatarCharlotte})>> <<if not $phoneGallery.includes("images/charlotte_railed.gif")>><<run $phoneGallery.push("images/charlotte_railed.gif")>><</if>> <<else>> <<run $msgCharlotte.push({sender: "Charlotte", time: $time, text: "Here sissy, look how real men fuck a woman. Try not to ruin those pretty pink panties while you watch.", img: "images/charlotte_fucked.gif", avatar: $avatarCharlotte})>> <<if not $phoneGallery.includes("images/charlotte_fucked.gif")>><<run $phoneGallery.push("images/charlotte_fucked.gif")>><</if>> <</if>> <<run setTimeout(function(){ $('#sidebar-phone-btn').addClass('sidebar-shake'); }, 50)>> <!-- POOL 1: ONLY PANTY BLACKMAIL IS ACTIVE --> <<elseif $charlotteBlackmail is true>> <<set $msgCharlotte = []>> <!-- CLEAR OLD MESSAGES --> <<set $unreadCharlotte += 1>> <<set $unreadMessages += 1>> <<set $charlotteWaitingForReply = true>> <<set $globalMsgTick += 1>><<set $tickCharlotte = $globalMsgTick>> <<run $msgCharlotte.push({sender: "Charlotte", time: $time, text: "Just making sure my sissy stepdad is still wearing his panties. You better be wearing them or this harness goes up your ass.", img: "images/charlotte_strapon.gif", avatar: $avatarCharlotte})>> <<if not $phoneGallery.includes("charlotte_strapon.gif")>><<run $phoneGallery.push("images/charlotte_selfie.jpg")>><</if>> <<run setTimeout(function(){ $('#sidebar-phone-btn').addClass('sidebar-shake'); }, 50)>> <</if>> <</if>> <</if>> <</if>> <!-- AUTOMATIC QUEST UPDATER: THE TRUTH --> <<if $questSpycam == "wait_3_days">> <<if $dayCount >= $dayCharlotteCamPlanted + 3>> <<set $questSpycam = "watch_feed">> <<set $camAlertActive = true>> <</if>> <</if>> <!-- SHAKE PHONE IF CAM ALERT IS ACTIVE --> <<run setTimeout(function(){ if (State.variables.camAlertActive) { $('#sidebar-phone-btn').addClass('sidebar-shake'); } }, 50)>> <<if $hasSmartphone is true and ($currentRoute is "sub" or $currentRoute is "neutral")>> <<if $laurenFullShaveOrdered is true and $chestShaved is true and $crotchShaved is true and $assShaved is true>> <<if ndef $dayShaveCompleted>><<set $dayShaveCompleted = 0>><</if>> <<if ndef $lastMessageDay>><<set $lastMessageDay = 0>><</if>> <<if ndef $laurenWaitingForPic>><<set $laurenWaitingForPic = false>><</if>> <<if $dayShaveCompleted == 0>> <<set $dayShaveCompleted to $dayCount>> <</if>> <<if $dayCount > $dayShaveCompleted and not $laurenWaitingForPic>> <!-- Check if a new day has started --> <<if $dayCount > $lastMessageDay>> <!-- Update the tracker immediately so it only rolls ONCE per day! --> <<set $lastMessageDay to $dayCount>> <!-- 15% chance to text on this specific day --> <<if random(1, 100) <= 15>> <<set $msgLauren = []>> <!-- CLEAR OLD MESSAGES --> <<set $unreadLauren += 1>> <<set $unreadMessages += 1>> <<set $globalMsgTick += 1>><<set $tickLauren = $globalMsgTick>> <<set _randomMsg to random(1, 2)>> <!-- MSG 1: INTERACTIVE PICTURE PROMPT --> <<if _randomMsg == 1>> <<run $msgLauren.push({sender: "Lauren", time: $time, text: "Are you keeping that boypussy clean and hairless, sissy? Send me a pic.", img: "none", avatar: $avatarLauren})>> <<set $laurenWaitingForPic = true>> <!-- MSG 2: DESK TEASE --> <<elseif _randomMsg == 2>> <<run $msgLauren.push({sender: "Lauren", time: $time, text: "I'm bored at my desk. Think about me while you're wearing those panties.", img: "images/lauren_desk_tease.jpg", avatar: $avatarLauren})>> <<if not $phoneGallery.includes("images/lauren_desk_tease.jpg")>> <<run $phoneGallery.push("images/lauren_desk_tease.jpg")>> <</if>> <</if>> <</if>> <</if>> <</if>> <</if>> <</if>> <</nobr>>
<<nobr>> <!-- CSS TO STYLE LINKS WITHOUT TRIGGERING TWINE MACRO ERRORS --> <style> .lauren-reply a { display: block; background: rgba(10, 132, 255, 0.1); color: #0a84ff; padding: 12px; border-radius: 20px; text-align: center; font-weight: bold; margin-top: 10px; border: 1px solid #0a84ff; text-decoration: none; } .charlotte-reply a { display: block; background: #2e7d32; color: #fff; padding: 12px; border-radius: 8px; margin-bottom: 12px; text-align: center; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.4); text-decoration: none; } .charlotte-reply-alt a { display: block; background: #222; color: #aaa; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold; border: 1px solid #555; text-decoration: none; } </style> <!-- JAVASCRIPT: Updates Header Title Automatically --> <<script>> setTimeout(function(){ if(State.variables.activeChat !== "none") { $('#phone-msg-header-title').text(State.variables.activeChat); $('#phone-msg-header-back').text('❮ Back'); } else { $('#phone-msg-header-title').text('Messages'); $('#phone-msg-header-back').text('❮ Home'); } }, 10); <</script>> <!-- ============================================== --> <!-- VIEW 1: MASTER CONTACT LIST --> <!-- ============================================== --> <<if $activeChat == "none">> <<set _contacts = []>> <!-- Build the dynamic list of everyone who has texted you --> <<if $msgLauren.length > 0>><<run _contacts.push({id: "Lauren", name: "Lauren", avatar: $avatarLauren, unread: $unreadLauren, tick: $tickLauren, log: $msgLauren})>><</if>> <<if $msgCharlotte.length > 0>><<run _contacts.push({id: "Charlotte", name: "Charlotte", avatar: $avatarCharlotte, unread: $unreadCharlotte, tick: $tickCharlotte, log: $msgCharlotte})>><</if>> <<if $msgAngela.length > 0>><<run _contacts.push({id: "Angela", name: "Angela", avatar: $avatarAngela, unread: $unreadAngela, tick: $tickAngela, log: $msgAngela})>><</if>> <<if $msgKendra.length > 0>><<run _contacts.push({id: "Kendra", name: "Kendra", avatar: $avatarKendra, unread: $unreadKendra, tick: $tickKendra, log: $msgKendra})>><</if>> <<if $msgTyron.length > 0>><<run _contacts.push({id: "Tyron", name: "Tyron", avatar: $avatarTyron, unread: $unreadTyron, tick: $tickTyron, log: $msgTyron})>><</if>> <!-- Sort so the newest message is always at the top --> <<run _contacts.sort(function(a, b) { return b.tick - a.tick; })>> <<if _contacts.length == 0>> <div style="padding: 15px; color: #888; text-align: center; font-style: italic; margin-top: 50px;"> No messages... </div> <<else>> <div style="display: flex; flex-direction: column; gap: 2px;"> <<for _i = 0; _i < _contacts.length; _i++>> <<set _c = _contacts[_i]>> <<capture _c>> <!-- PURE JAVASCRIPT CLICK TO BYPASS TWINE MACROS --> <<set _jsClick = "SugarCube.State.variables.activeChat = '" + _c.id + "'; " + "SugarCube.State.variables.unreadMessages = Math.max(0, SugarCube.State.variables.unreadMessages - " + _c.unread + "); " + "SugarCube.State.variables['unread' + '" + _c.id + "'] = 0; " + "$('#phone-messages-wrapper').empty().wiki('<<include \"PhoneMessagesApp\">>');">> <div @onclick="_jsClick" style="display: flex; align-items: center; padding: 15px; background: #111; border-bottom: 1px solid #222; cursor: pointer;"> <img @src="_c.avatar" style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid #333; margin-right: 15px;"> <div style="flex-grow: 1;"> <div style="color: #fff; font-weight: bold; font-size: 15px; margin-bottom: 4px;"><<print _c.name>></div> <div style="color: #888; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px;"><<print (_c.log[_c.log.length - 1].text || "").substring(0, 40)>>...</div> </div> <<if _c.unread > 0>> <div style="background: #0a84ff; color: #fff; border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 11px; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.5);"><<print _c.unread>></div> <</if>> </div> <</capture>> <</for>> </div> <</if>> <!-- ============================================== --> <!-- VIEW 2: INDIVIDUAL CHAT HISTORY --> <!-- ============================================== --> <<else>> <!-- Load the correct array based on who you clicked --> <<set _currentLog = []>> <<if $activeChat == "Lauren">><<set _currentLog = $msgLauren>><</if>> <<if $activeChat == "Charlotte">><<set _currentLog = $msgCharlotte>><</if>> <<if $activeChat == "Angela">><<set _currentLog = $msgAngela>><</if>> <<if $activeChat == "Kendra">><<set _currentLog = $msgKendra>><</if>> <<if $activeChat == "Tyron">><<set _currentLog = $msgTyron>><</if>> <div style="padding: 15px; display: flex; flex-direction: column; gap: 15px;"> <!-- RENDER THE TEXT MESSAGES --> <<for _i = 0; _i < _currentLog.length; _i++>> <<set _msg = _currentLog[_i]>> <<if _msg.sender eq $playerName>> <div style="display: flex; justify-content: flex-end; align-items: flex-end; gap: 8px;"> <div style="max-width: 75%; background: #0a84ff; color: #fff; padding: 10px 14px; border-radius: 18px 18px 4px 18px; font-size: 13px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.2);"> <<print _msg.text>> <<if _msg.img neq "none">> <img @src="_msg.img" onclick="$('#phone-zoom-img').attr('src', this.src); $('#phone-zoom-container').css('display', 'flex').hide().fadeIn(200);" style="width: 100%; border-radius: 8px; margin-top: 8px; cursor: pointer; border: 1px solid rgba(0,0,0,0.2);"> <</if>> </div> <img @src="$avatarJack" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid #333;"> </div> <<else>> <div style="display: flex; justify-content: flex-start; align-items: flex-end; gap: 8px;"> <img @src="_msg.avatar" style="width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid #333;"> <div style="max-width: 75%; background: #262628; color: #fff; padding: 10px 14px; border-radius: 18px 18px 18px 4px; font-size: 13px; line-height: 1.4; box-shadow: 0 2px 5px rgba(0,0,0,0.2);"> <div style="font-size: 10px; color: #888; margin-bottom: 4px; font-weight: bold;"><<print _msg.sender>> • <<print _msg.time>></div> <<print _msg.text>> <<if _msg.img neq "none">> <img @src="_msg.img" onclick="$('#phone-zoom-img').attr('src', this.src); $('#phone-zoom-container').css('display', 'flex').hide().fadeIn(200);" style="width: 100%; border-radius: 8px; margin-top: 8px; cursor: pointer; border: 1px solid rgba(0,0,0,0.2);"> <</if>> </div> </div> <</if>> <</for>> <!-- ============================================== --> <!-- LAUREN'S INTERACTIVE REPLIES --> <!-- ============================================== --> <<if $activeChat == "Lauren" and $laurenWaitingForPic is true>> <div class="lauren-reply"> <<link "📷 Send Picture">> <<set $laurenWaitingForPic = false>> <<if $equippedPlug and $assShaved>> <<run $msgLauren.push({sender: $playerName, time: $time, text: "Yes Mistress.", img: "images/Ass2.png", avatar: $avatarJack})>> <<if not $phoneGallery.includes("images/Ass2.png")>><<run $phoneGallery.push("images/Ass2.png")>><</if>> <<run setTimeout(function(){ SugarCube.State.variables.msgLauren.push({sender: "Lauren", time: "Just now", text: "Look at you, keeping that little hole stuffed. What a good girl, but still has a long way to go.", img: "images/Lauren plugged.gif", avatar: SugarCube.State.variables.avatarLauren}); SugarCube.State.variables.globalMsgTick += 1; SugarCube.State.variables.tickLauren = SugarCube.State.variables.globalMsgTick; if(!SugarCube.State.variables.phoneGallery.includes("images/Lauren plugged.gif")) SugarCube.State.variables.phoneGallery.push("images/Lauren plugged.gif"); $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); }, 1500)>> <<set $jackFemininity += 2>> <<elseif $assShaved and not $equippedPlug>> <<run $msgLauren.push({sender: $playerName, time: $time, text: "Yes Mistress. All clean, bare, and smooth for you.", img: "images/Ass1.jpg", avatar: $avatarJack})>> <<if not $phoneGallery.includes("images/Ass1.jpg")>><<run $phoneGallery.push("images/Ass1.jpg")>><</if>> <<run setTimeout(function(){ SugarCube.State.variables.msgLauren.push({sender: "Lauren", time: "Just now", text: "Good girl. Keep it completely bare and wait for my next order. Enjoy the view, but do not touch yourself.", img: "images/Lauren-Tyron.jpg", avatar: SugarCube.State.variables.avatarLauren}); SugarCube.State.variables.globalMsgTick += 1; SugarCube.State.variables.tickLauren = SugarCube.State.variables.globalMsgTick; if(!SugarCube.State.variables.phoneGallery.includes("images/Lauren-Tyron.jpg")) SugarCube.State.variables.phoneGallery.push("images/Lauren-Tyron.jpg"); $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); }, 1500)>> <<set $jackFemininity += 1>> <<else>> <<run $msgLauren.push({sender: $playerName, time: $time, text: "I am so sorry Mistress... the hair grew back and I forgot to shave it.", img: "images/Ass3.jpg", avatar: $avatarJack})>> <<if not $phoneGallery.includes("images/Ass3.jpg")>><<run $phoneGallery.push("images/Ass3.jpg")>><</if>> <<run setTimeout(function(){ SugarCube.State.variables.msgLauren.push({sender: "Lauren", time: "Just now", text: "Disgusting. Did I give you permission to let it grow back? Shave it immediately. Sissies are supposed to be smooth.", img: "none", avatar: SugarCube.State.variables.avatarLauren}); SugarCube.State.variables.globalMsgTick += 1; SugarCube.State.variables.tickLauren = SugarCube.State.variables.globalMsgTick; $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); }, 1500)>> <</if>> <<replace "#phone-messages-wrapper">><<include "PhoneMessagesApp">><</replace>> <<replace "#phone-gallery-wrapper">><<include "PhoneGalleryApp">><</replace>> <</link>> </div> <</if>> <!-- ============================================== --> <!-- CHARLOTTE'S INTERACTIVE REPLIES --> <!-- ============================================== --> <<if $activeChat == "Charlotte" and $charlotteWaitingForReply is true>> <div style="margin-top: 25px; padding: 15px; background: #111; border-radius: 12px; border: 1px solid #333;"> <div style="color: #888; font-size: 11px; text-transform: uppercase; margin-bottom: 12px; text-align: center; letter-spacing: 1px;">Reply to Charlotte:</div> <!-- OPTION 1: SUBMISSIVE --> <div class="charlotte-reply"> <<link "Yes, Charlotte. I'm wearing them.">> <<set $charlotteWaitingForReply = false>> <<run $msgCharlotte.push({sender: $playerName, time: "Just now", text: "Yes, Charlotte. I'm wearing them.", img: "none", avatar: $avatarJack})>> <!-- Charlotte's Delayed Response --> <<run setTimeout(function() { SugarCube.State.variables.msgCharlotte.push({sender: "Charlotte", time: "Just now", text: "Good boy. Keep them on.", img: "none", avatar: SugarCube.State.variables.avatarCharlotte}); SugarCube.State.variables.globalMsgTick += 1; SugarCube.State.variables.tickCharlotte = SugarCube.State.variables.globalMsgTick; $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); }, 1500)>> <<replace "#phone-messages-wrapper">><<include "PhoneMessagesApp">><</replace>> <</link>> </div> <!-- OPTION 2: EMBARRASSED --> <div class="charlotte-reply-alt"> <<link "Please stop doing this...">> <<set $charlotteWaitingForReply = false>> <<run $msgCharlotte.push({sender: $playerName, time: "Just now", text: "Please stop doing this to me...", img: "none", avatar: $avatarJack})>> <!-- Charlotte's Delayed Response --> <<run setTimeout(function() { SugarCube.State.variables.msgCharlotte.push({sender: "Charlotte", time: "Just now", text: "Aww, is the little sissy embarrassed? Too bad. Wear them.", img: "none", avatar: SugarCube.State.variables.avatarCharlotte}); SugarCube.State.variables.globalMsgTick += 1; SugarCube.State.variables.tickCharlotte = SugarCube.State.variables.globalMsgTick; $('#phone-messages-wrapper').empty().wiki('<<include "PhoneMessagesApp">>'); }, 1500)>> <<replace "#phone-messages-wrapper">><<include "PhoneMessagesApp">><</replace>> <</link>> </div> </div> <</if>> </div> <!-- Auto-scroll to bottom of chat --> <<run setTimeout(function(){ var obj = document.getElementById('mp-msg-list'); if(obj) obj.scrollTop = obj.scrollHeight; }, 50)>> <</if>> <</nobr>>
<<nobr>> <<if $phoneGallery.length == 0>> <div style="padding: 15px; color: #888; text-align: center; font-style: italic; margin-top: 50px;"> Gallery is empty... </div> <<else>> <div style="padding: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px;"> <<for _i = $phoneGallery.length - 1; _i >= 0; _i-->> <div style="aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; border: 1px solid #333; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"> <img @src="$phoneGallery[_i]" onclick="$('#phone-zoom-img').attr('src', this.src); $('#phone-zoom-container').css('display', 'flex').hide().fadeIn(200);" style="width: 100%; height: 100%; object-fit: cover; cursor: pointer;"> </div> <</for>> </div> <</if>> <</nobr>>
<<nobr>> <div style="background: #14141d; border-left: 3px solid #dfba6b; padding: 15px; border-radius: 6px; margin-bottom: 25px;"> <div style="color: #dfba6b; font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 10px;">The Perfect Angle</div> <div style="color: #ccc; font-size: 15px; line-height: 1.5; margin-bottom: 15px;"> Making sure the coast is clear, you slip into Charlotte's bedroom. Your heart pounds in your throat as you scan the room for a hiding spot. If she catches you doing this, you are dead. </div> <div style="color: #ccc; font-size: 15px; line-height: 1.5; margin-bottom: 15px;"> You eventually settle on a cluttered bookshelf across from her bed. You wedge the tiny lens between a stack of textbooks and a decorative potted plant, giving it an unobstructed, terrifyingly clear view of her mattress. </div> <div style="color: #ccc; font-size: 15px; line-height: 1.5;"> You switch the power on, double-check the live feed on your phone, and quickly sneak back out into the hallway before your luck runs out. Now... you just have to wait. </div> </div> <!-- RETURN BUTTON --> <div style="margin-top: 20px;"> <<link '<div style="background: #333; color: #fff; padding: 10px; text-align: center; border-radius: 5px; font-weight: bold;">Leave Room</div>'>> <<goto "HallwayPassage">> <</link>> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 12px; padding: 25px; border: 1px solid #222; max-width: 800px; margin: 0 auto;"> <h2 style="text-align: center; color: #ff3b30; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">A Mother's Jealousy</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> You step hesitantly into the bedroom, your heart hammering against your ribs. Angela looks up from the bed, annoyed by your sudden entry. With trembling hands, you unlock your phone, open the gallery, and meekly hold the screen out to her. The video of Charlotte and the strangers begins to loop. </p> <div style="text-align: center; margin: 25px 0;"> <img src="images/charlotte_spied.gif" style="width: 100%; max-width: 400px; border-radius: 12px; border: 2px solid #ff3b30; box-shadow: 0 8px 20px rgba(255, 59, 48, 0.3);"> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> You brace yourself for her explosion of maternal rage... but it doesn't come. Angela falls dead silent. Her eyes lock onto the glowing screen. For a few seconds too long, you notice her eyes aren't tracking Charlotte—they are tracking the sheer size of the men. She swallows hard, a faint flush creeping up her chest as she tightly crosses her legs. </p> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I... I was just trying to protect us, Angela. I set up a camera, and... look at what she's doing in our house...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Angela blinks, violently snapping out of her trance. To cover her obvious arousal, she instantly goes on the offensive, flipping the screen downward and glaring at you with venom. </p> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Are you out of your damn mind?! You planted a hidden camera in your stepdaughter's bedroom?! What kind of sick, twisted pervert spies on a young girl?</div> </div> </div> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">I-I'm sorry, I know I shouldn't have snooped! But you saw the video, right? What they were doing to her... it's not safe...</div> </div> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">Who are these guys? Did you recognize them? Were they... aggressive? I need to know exactly how big this problem is so I can figure out how much trouble she's in.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Her questioning feels less like a mother's concern and more like an eager interrogation for details. When you weakly suggest that maybe she should talk to Charlotte, she scoffs, looking you up and down with utter disgust. </p> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;">I will handle Charlotte. You have absolutely no authority in this house anymore. Maybe if you were man, you wouldn't be reduced to spying on her sex life nor would have she brought those big men to the house. Delete this app, keep your mouth shut, and stay out of her way.</div> </div> </div> <<set $questSpycam = "completed">> <<set $angelaPhoneEventPending = true>> <<set $angelaLastTalkDay = $dayCount>> <div style="margin-top: 30px; text-align: center;"> <<link '<div style="background: #333; color: #fff; padding: 15px; border-radius: 8px; font-weight: bold; cursor: pointer; display: inline-block; width: 200px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);">Back Down</div>'>> <<goto "MainHub">> <</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #0f0f15; border-radius: 12px; padding: 25px; border: 1px solid #222; max-width: 800px; margin: 0 auto;"> <h2 style="text-align: center; color: #dfba6b; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">MIDNIGHT VOYEUR</h2> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 15px auto; max-width: 650px; line-height: 1.5;"> Deep in the middle of the night, you remain fast asleep, completely unaware of the shifting weight on the mattress beside you. Angela carefully sits up, her eyes darting to your sleeping face as her fingers trace over to your nightstand, smoothly slipping your smartphone off its charger. </p> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> The faint, blue glow of the screen illuminates her face in the dark room. She doesn't delete the app like she aggressively demanded earlier. Instead, she opens the gallery and hits play on the hidden camera footage, her eyes widening in the dark. </p> <div style="text-align: center; margin: 25px 0;"> <img src="images/charlotte_spied.gif" style="width: 100%; max-width: 400px; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 8px 20px rgba(255, 59, 48, 0.3);"> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>(Whispering)</i> Fuck... look at the size of them... mmhmm, this is making me horny.</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Her breathing hitches in the quiet bedroom. Unable to control herself, she slides a hand beneath the waistband of her panties. Right there, inches away from her sleeping husband, she begins to eagerly rub her soaking wet heat while watching the strangers ruthlessly use her daughter. </p> <div style="text-align: center; margin: 25px 0;"> <video autoplay loop muted playsinline style="width: 100%; max-width: 500px; border-radius: 12px; border: 2px solid #00bcd4; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);"> <source src="images/angela quite masturbation.webm" type="video/webm"> </video> </div> <div style="background-color: rgba(0, 188, 212, 0.15); border: 2px solid #00bcd4; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; max-width: 650px; margin-left: auto; margin-right: auto;"> <div style="flex-shrink: 0;"> <img @src="$avatarAngela" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #00bcd4;" alt="Angela"> </div> <div> <div style="color: #00bcd4; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Angela</div> <div style="color: #eee; font-size: 14px;"><i>(Panting)</i> Fuck... my daughter is having so much fun with those men... while I'm stuck with <<print $playerName>> and his useless little clit...</div> </div> </div> <p style="color: #ccc; font-style: italic; font-size: 15px; text-align: left; margin: 0 auto 25px auto; max-width: 650px; line-height: 1.5;"> Her hips buck into her own hand as a stifled, shuddering gasp escapes her lips. Panting heavily, she quickly locks the phone screen, wipes her fingers on a tissue from the nightstand, and smoothly places the device exactly where she found it before laying back down, thoroughly satisfied. </p> <!-- STAT UPDATE UI --> <div style="text-align: center; margin-top: 25px; margin-bottom: 15px; padding: 15px; background: rgba(0, 229, 255, 0.1); border: 1px solid #00bcd4; border-radius: 8px;"> <span style="color: #00e5ff; font-weight: bold; font-size: 18px; letter-spacing: 1px;">ANGELA SLUT +5</span> </div> <<if typeof $angelaSlut === 'undefined'>><<set $angelaSlut = 0>><</if>> <<set $angelaSlut += 5>> <<set $angelaPhoneEventPending = false>> <<set $time = "Morning">> <<set $dayCount += 1>> <<set $energy = 100>> <div style="margin-top: 30px; text-align: center;"> <<link '<div style="background: #4cd964; color: #fff; padding: 15px; border-radius: 8px; font-weight: bold; cursor: pointer; display: inline-block; width: 200px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);">Wake Up</div>'>> <<goto "MainHub">> <</link>> </div> </div> <</nobr>>
<<nobr>> <div style="background: #1a1a24; border-radius: 16px; padding: 35px; border: 2px solid #9b59b6; max-width: 800px; margin: 20px auto; text-align: center; font-family: sans-serif;"> <h2 style="color: #9b59b6; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 25px;">Good Behavior</h2> <!-- NARRATIVE 1: THE PLEA --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> You wait until the cellblock goes dark and the night shift begins. As the burly male guard walks by on patrol, you press yourself against the cold iron bars, desperately pleading with him for help, terrified of what the other inmates might do to you. </p> </div> <!-- JACK DIALOGUE 1 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Sir, please... I don't belong here. The other inmates are aggressive, and I'm terrified something is going to happen to me. Please, you have to help me!</div> </div> </div> <!-- GUARD DIALOGUE 1 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">Of course you don't. You belong in a brothel getting used like a good little sissy, not wandering the streets pushing product.</div> </div> </div> <!-- JACK DIALOGUE 2 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Sir, please! It was a mistake, I swear I'll never do it again. Just tell me what to do, please, officer...</div> </div> </div> <!-- NARRATIVE 2 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> A dark look of amusement spreads across the guard's face as he listens to your pathetic begging. </p> </div> <!-- GUARD DIALOGUE 2 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">Hmm. Maybe I can put in a good word with the warden... but only if you pleasure me the exact same way you serviced your cellmate this morning.</div> </div> </div> <!-- JACK DIALOGUE 3 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Oh god, even the cops...)</i> Sir, please, I'm not like that. Isn't this illegal?</div> </div> </div> <!-- GUARD DIALOGUE 3 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">So is selling drugs, sissy. But suit yourself. I'll just go fetch your cellmate from isolation and send him back in here. Have fun.</div> </div> </div> <!-- NARRATIVE 3: THE THREAT --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> As he turns to walk away, the terrifying thought of spending the entire night with that brute sends a violent shiver down your spine. Your legs start trembling, and you desperately call out for the officer to stop. </p> </div> <!-- JACK DIALOGUE 4 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">No! Please, don't go, sir... I... I'll do whatever you want.</div> </div> </div> <!-- GUARD DIALOGUE 4 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">That's a good sissy. On your knees.</div> </div> </div> <!-- NARRATIVE 4 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> He steps right up to the iron bars and unbuckles his belt, pulling his pants down. You drop to your knees on the other side, obediently parting your lips. </p> </div> <!-- VIDEO 1: THROUGH THE BARS --> <div style="text-align: center; max-width: 480px; margin: 0 auto 25px auto;"> <video src="videos/guard_seduce_bj1.webm" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #9b59b6; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- GUARD DIALOGUE 5 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">That's it, sissy. Take it all.</div> </div> </div> <!-- JACK DIALOGUE 5 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;"><i>(Muffled)</i> Mhmm... Sir, could you come inside the cell? I could do a much better job servicing you...</div> </div> </div> <!-- GUARD DIALOGUE 6 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">Damn, the little sissy is taking initiative. Very well, girl.</div> </div> </div> <!-- NARRATIVE 5 --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 25px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> He unlocks the heavy cell door and steps inside, immediately discarding his heavy uniform. </p> </div> <!-- GUARD DIALOGUE 7 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">Get back to work. And don't use any teeth.</div> </div> </div> <!-- VIDEO 2: INSIDE THE CELL --> <div style="text-align: center; max-width: 480px; margin: 0 auto 25px auto;"> <video src="videos/guard_seduce_bj2.webm" controls autoplay loop muted playsinline style="width: 100%; border-radius: 12px; border: 2px solid #9b59b6; box-shadow: 0 4px 15px rgba(0,0,0,0.5);"></video> </div> <!-- JACK DIALOGUE 6 --> <div style="background-color: rgba(122, 122, 122, 0.15); border: 2px solid #7a7a7a; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 25px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0;"> <img @src="$avatarJack" style="width: 70px; height: 70px; object-fit: cover; border-radius: 8px; border: 2px solid #7a7a7a;" alt="Jack"> </div> <div> <div style="color: #ffeb3b; font-weight: bold; font-size: 16px; margin-bottom: 4px;"><<print $playerName>></div> <div style="color: #eee; font-size: 14px;">Mhmm... <i>(Fuck, I'm getting hard... why am I getting so aroused servicing another man like this?)</i></div> </div> </div> <!-- NARRATIVE 6: THE INTERRUPTION --> <div style="background: #14141d; padding: 12px 16px; border-radius: 6px; margin: 0 auto 35px auto; max-width: 650px; text-align: left;"> <p style="color: #aaa; font-style: italic; font-size: 14px; margin: 0;"> Just as you begin to fully surrender to your obedient, submissive side, the officer's radio suddenly blares to life with an urgent emergency call from another block. </p> </div> <!-- GUARD DIALOGUE 8 --> <div style="background-color: rgba(155, 89, 182, 0.15); border: 2px solid #9b59b6; border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; margin: 0 auto 35px auto; text-align: left; max-width: 650px;"> <div style="flex-shrink: 0; width: 70px; height: 70px; border-radius: 8px; border: 2px solid #9b59b6; background: linear-gradient(135deg, #222 0%, #111 100%); display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 0 10px rgba(155, 89, 182, 0.2);">👮♂️</div> <div> <div style="color: #9b59b6; font-weight: bold; font-size: 16px; margin-bottom: 4px;">Prison Guard</div> <div style="color: #eee; font-size: 14px;">Fuck, I gotta go. But you behaved like a good little sissy today. I'll make sure your paperwork gets an update for 'outstanding behavior'.</div> </div> </div> <div style="text-align: center; color: #ff69b4; font-weight: bold; margin-bottom: 30px; font-size: 18px; letter-spacing: 1px;"> +5 Femininity<br> <span style="color: #9b59b6; font-size: 14px;">(Prison Sentence Halved)</span> </div> <!-- RED NOTE --> <div style="color: #ff5252; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 10px; letter-spacing: 1px; text-transform: uppercase;"> More is coming soon... </div> <div style="text-align: center;"> <<link '<span style="display: inline-block; padding: 12px 30px; background: #333; color: #fff; border: 1px solid #777; border-radius: 8px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.5);">RETURN TO CELL</span>' "Prison_Cell_Sub">> <<set $jackFemininity += 5>> <</link>> </div> </div> <!-- HIDDEN LINKS --> <div style="display: none;"> [[Prison_Cell_Sub]] </div> <</nobr>>